Refactor components. Improve design. Improve routing

src/pages/IndexPage.vue

@@ -2,11 +2,15 @@
   <q-page class="row justify-center">
     <q-img alt="OYS Logo" src="~assets/oysqn_logo.png" fit="scale-down" />
     <q-list class="full-width mobile-only">
-      <q-item v-for="link in links" :key="link.name">
+      <q-item
+        v-for="link in links.filter((x) => x.front_links)"
+        :key="link.name"
+      >
         <q-btn
+          :v-model="auth.ready"
           :icon="link.icon"
           color="primary"
-          :size="`1.5em`"
+          :size="`1.25em`"
           :to="link.to"
           :label="link.name"
           rounded
@@ -21,6 +25,9 @@
 <script lang="ts" setup>
 import { defineComponent } from 'vue';
 import { links } from 'src/router/navlinks.js';
+import { useAuthStore } from 'stores/auth';
+
+const auth = useAuthStore();
 
 defineComponent({
   name: 'IndexPage',