feat(standard-styling): Fix icons; add standard css

falcon/_dev/css/theme/components/customer/_customer-links.scss

@@ -1,83 +1,80 @@
 @use "sass:map";
 
 .customer-links {
-  margin: 0 0 map.get($spacers, 3);
-  @include media-breakpoint-up(lg) {
-    margin: 0;
-  }
-
-  .link-item {
-    display: flex;
-    align-items: center;
-  }
-
-  &__list {
-    @include media-breakpoint-down(md) {
-      display: flex;
-      flex-wrap: nowrap;
-
-      margin: rem-calc(20px) 0 0;
-      overflow-x: scroll;
-      overflow-y: hidden;
-      white-space: nowrap;
-      -webkit-overflow-scrolling: touch;
-      -ms-overflow-style: -ms-autohiding-scrollbar;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-  }
-
-  a {
-    display: block;
-    flex: 0 0;
-    max-width: inherit;
-    padding: map.get($spacers, 2);
-    font-weight: 700;
-    color: $gray-800;
-    white-space: nowrap;
-    border-radius: $border-radius;
-    @include font-size($font-size-base);
-
+    margin: 0 0 map.get($spacers, 3);
     @include media-breakpoint-up(lg) {
-      white-space: normal;
+        margin: 0;
     }
 
-    @include hover-focus() {
-      color: $primary;
-      text-decoration: none;
+    .link-item {
+        display: flex;
+        align-items: center;
     }
 
-    i {
-      margin-right: map.get($spacers, 1);
-      color: $primary;
-      @include font-size(26px);
-      @include media-breakpoint-up(md) {
-        margin-right: map.get($spacers, 2);
-      }
+    &__list {
+        @include media-breakpoint-down(md) {
+            display: flex;
+            flex-wrap: nowrap;
+
+            margin: rem-calc(20px) 0 0;
+            overflow-x: scroll;
+            overflow-y: hidden;
+            white-space: nowrap;
+            -webkit-overflow-scrolling: touch;
+            -ms-overflow-style: -ms-autohiding-scrollbar;
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+        }
     }
 
-    &.active {
-      color: #fff;
-      background: $primary;
-
-      &::after {
+    a {
         display: block;
-      }
+        flex: 0 0;
+        max-width: inherit;
+        padding: map.get($spacers, 2);
+        font-weight: 700;
+        white-space: nowrap;
+        border-radius: $border-radius;
+        @include font-size($font-size-base);
 
-      i {
-        color: inherit;
-      }
+        @include media-breakpoint-up(lg) {
+            white-space: normal;
+        }
+
+        @include hover-focus() {
+            text-decoration: none;
+        }
+
+        i {
+            margin-right: map.get($spacers, 1);
+            @include font-size(26px);
+            @include media-breakpoint-up(md) {
+                margin-right: map.get($spacers, 2);
+            }
+        }
+
+        &.active {
+            color: #fff;
+            background: $primary;
+
+            &::after {
+                display: block;
+            }
+
+            i {
+                color: inherit;
+            }
+        }
     }
-  }
 
-  &__logout {
-    text-align: center;
+    &__logout {
+        text-align: center;
 
-    &::after,
-    &::before {
-      display: none;
+        &::after,
+        &::before {
+            display: none;
+        }
     }
-  }
 }