Added Certification mockup

src/pages/BookingPage.vue

@@ -0,0 +1,8 @@
+<template>
+  <q-page padding>
+    <!-- content -->
+  </q-page>
+</template>
+
+<script setup lang="ts">
+</script>

src/pages/CertificationPage.vue

@@ -0,0 +1,9 @@
+<template>
+  <q-page padding>
+    <CertificationComponent />
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import CertificationComponent from 'components/CertificationComponent.vue';
+</script>

src/pages/ChecklistPage.vue

@@ -0,0 +1,8 @@
+<template>
+  <q-page padding>
+    <!-- content -->
+  </q-page>
+</template>
+
+<script setup lang="ts">
+</script>

src/pages/IndexPage.vue

@@ -11,6 +11,7 @@
           :label="link.name"
           rounded
           class="full-width"
+          :align="'left'"
         />
       </q-item>
     </q-list>
@@ -19,7 +20,7 @@
 
 <script lang="ts" setup>
 import { defineComponent } from 'vue';
-import { links } from 'components/navlinks';
+import { links } from 'src/router/navlinks.js';
 
 defineComponent({
   name: 'IndexPage',

src/pages/LoginPage.vue

@@ -106,7 +106,7 @@ function login(email: string, password: string) {
     position: 'top',
     spinner: true,
     message: 'Logging you in...',
-    timeout: 2000,
+    timeout: 8000,
     group: false,
   });
   authStore
@@ -119,6 +119,7 @@ function login(email: string, password: string) {
         spinner: false,
         icon: 'check_circle',
       });
+      console.log('Redirecting to index page');
       router.replace({ name: 'index' });
     })
     .catch(function (reason: Error) {

src/pages/ProfilePage.vue

@@ -0,0 +1,8 @@
+<template>
+  <q-page padding>
+    <!-- content -->
+  </q-page>
+</template>
+
+<script setup lang="ts">
+</script>

src/pages/ReferencePage.vue

@@ -0,0 +1,8 @@
+<template>
+  <q-page padding>
+    <!-- content -->
+  </q-page>
+</template>
+
+<script setup lang="ts">
+</script>