refactor(navbar): update indigo theme styling (#1147)

- move the bottom border from bootstrap to the common file since it has to be available in all themes.

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>

src/components/navbar/themes/shared/navbar.bootstrap.scss

@@ -6,7 +6,6 @@ $theme: $bootstrap;
 :host {
     box-shadow: var(--ig-elevation-0);
     padding: 0 rem(8px);
-    border-bottom: rem(1px) solid var-get($theme, 'border-color');
 }
 
 [part='base'] {

src/components/navbar/themes/shared/navbar.common.scss

@@ -6,6 +6,7 @@ $theme: $material;
 :host {
     background: var-get($theme, 'background');
     color: var-get($theme, 'text-color');
+    border-bottom: rem(1px) solid var-get($theme, 'border-color');
     box-shadow: var(--ig-elevation-4);
 }
 

src/components/navbar/themes/shared/navbar.indigo.scss

@@ -1,5 +1,30 @@
 @use 'styles/utilities' as *;
 
 :host {
+    min-height: rem(56px);
     box-shadow: var(--ig-elevation-0);
+
+    [name='start']::slotted(*),
+    [name='end']::slotted(*) {
+        margin: initial;
+    }
+}
+
+[part='end'] {
+    gap: rem(8px);
+}
+
+[part='base'] {
+    gap: rem(16px);
+}
+
+::slotted(*) {
+    @include type-style('h5');
+}
+
+::slotted(igc-icon) {
+    --size: rem(16px);
+
+    padding: rem(6px);
+    margin: 0;
 }