Remove "navigation.scss"

src/styles/application.scss

@@ -6,7 +6,6 @@
 @use 'emoji-picker';
 @use 'rtl';
 @use 'accessibility';
-@use 'navigation';
 
 // COMPONENTS
 @use 'components/modal';

src/styles/navigation.scss

@@ -1,40 +0,0 @@
-.thumb-navigation {
-  @apply fixed lg:hidden bottom-0 bg-white/90 black:bg-black/90 dark:bg-primary-900/90 backdrop-blur-md border-t border-solid border-gray-200 dark:border-gray-800 left-0 right-0 shadow-2xl w-full flex z-50;
-  padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */
-  overflow-x: auto;
-  scrollbar-width: thin;
-  scrollbar-color: #fff;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  &__link {
-    @apply px-2 py-2.5 space-y-1 flex flex-col flex-1 items-center text-gray-600 text-lg;
-
-    // padding: 8px 10px;
-    // display: flex;
-    // flex-direction: column;
-    // align-items: center;
-    // justify-content: end;
-    // color: var(--primary-text-color);
-    // text-decoration: none;
-    // font-size: 20px;
-    // width: 55px;
-
-    // span {
-    //   margin-top: 1px;
-    //   text-align: center;
-    //   font-size: 1.2rem;
-    // }
-
-    // .svg-icon {
-    //   width: 24px;
-    //   height: 24px;
-
-    //   svg {
-    //     stroke-width: 1px;
-    //   }
-    // }
-  }
-}