💄 Better nav links on mobile

layouts/default.vue

@@ -5,9 +5,11 @@
         <v-avatar class="me-4 ms-1" color="transparent" size="32" :image="Logo" />
       </nuxt-link>
 
+      <div class="nav-links overflow-y-auto flex">
         <v-btn variant="text" text="Products" to="/products" exact />
         <v-btn variant="text" text="Activity" to="/activity" exact />
         <v-btn variant="text" text="Gallery" to="/gallery" exact />
+      </div>
 
       <v-spacer></v-spacer>
 
@@ -25,3 +27,14 @@
 <script setup lang="ts">
 import Logo from "../assets/logo-w-shadow.png"
 </script>
+
+<style scoped>
+.nav-links::-webkit-scrollbar {
+  display: none;
+}
+
+.nav-links {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+</style>