feat: Add Discord logo (#3641)

* feat: add discord logo

* chore: remove debug code

* fix: css style

docs/_includes/navbar.html

@@ -14,7 +14,6 @@
       </div>
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
         <ul class="nav navbar-nav navbar-right">
-          <li><a href="https://gruntwork.io/careers"><span class="new-label">NEW</span>We're Hiring!</a></li>
           <li><a href="{{site.baseurl}}/docs/getting-started/install" ga-on="click" ga-event-category="nav-{{ page.path | slugify }}" ga-event-action="install-terragrunt">Install</a></li>
           <li><a href="{{site.baseurl}}/docs/getting-started/quick-start" ga-on="click" ga-event-category="nav-{{ page.path | slugify }}" ga-event-action="quick-start">Quick Start</a></li>
           <li><a href="{{site.baseurl}}/docs/" ga-on="click" ga-event-category="nav-{{ page.path | slugify }}" ga-event-action="docs">Docs</a></li>
@@ -24,6 +23,11 @@
               <img src="{{ site.baseurl}}/assets/img/logos/github-logo.png" alt="GitHub" />
             </a>
           </li>
+          <li>
+            <a href="https://discord.gg/NTxWxfaS" ga-on="click" ga-event-category="nav-discord" ga-event-action="discord" class="discord-nav-link">
+              <img src="{{ site.baseurl}}/assets/img/logos/discord-logo.png" alt="Discord" />
+            </a>
+          </li>
         </ul>
       </div>
     </div>

docs/assets/css/global.scss

@@ -556,7 +556,7 @@ p code, h1 code, h2 code, h3 code, h4 code, h5 code {
     justify-content: center;
     align-items: center;
     min-height: 60vh;
-    
+
     .copy-container {
       margin-top: 10px;
     }
@@ -792,10 +792,8 @@ footer hr {
       padding-left: 18px;
       font-size: 15px;
     }
-    .navbar-nav > li {
-      &:last-child {
-        padding-left: 10px;
-      }
+    .navbar-nav > li:has(.github-nav-link) {
+      padding-left: 10px;
     }
   }
 }
@@ -838,6 +836,16 @@ footer hr {
   }
 }
 
+.discord-nav-link {
+  img {
+    max-height: 18px;
+    margin-top: -3px;
+    &:hover {
+      opacity: 0.7;
+    }
+  }
+}
+
 @media (min-width: 1200px) {
   .navbar-nav > li > a.contact-sales {
     margin-right: -5em;
@@ -908,7 +916,7 @@ a.caret-right::after {
 }
 
 //
-// TEXT-DECORATION 
+// TEXT-DECORATION
 // -------------------------------------------------------
 
 .new-badge{
@@ -1107,7 +1115,7 @@ a.caret-right::after {
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        
+
         li {
           margin-left: 0px;
         }
@@ -1145,7 +1153,7 @@ a.caret-right::after {
         }
       }
     }
-    
+
 
     .terragrunt-logo {
       align-items: center;