Added documentation page

ui/src/components/Navigation/Navbar.vue

@@ -61,7 +61,7 @@ function blurAfter() {
                             <!-- Members -->
                             <NavigationMenuItem>
                                 <NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
-                                    <RouterLink to="/" @click="blurAfter">Documents</RouterLink>
+                                    <RouterLink to="/documents" @click="blurAfter">Documents</RouterLink>
                                 </NavigationMenuLink>
                             </NavigationMenuItem>
 

ui/src/components/application/ApplicationForm.vue

@@ -82,7 +82,7 @@ onMounted(() => {
         <FormControl>
           <DateInput :model-value="(value as string) ?? ''" :disabled="readOnly" @update:model-value="handleChange" />
         </FormControl>
-        <FormMessage />
+        <FormMessage class="text-destructive"/>
       </FormItem>
     </FormField>
 

ui/src/pages/Documentation.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+    <div>
+        Alo
+        <iframe src="https://docs.iceberg-gaming.com/" ></iframe>
+    </div>
+</template>

ui/src/router/index.js

@@ -18,6 +18,8 @@ const router = createRouter({
     
     { path: '/calendar', component: () => import('@/pages/Calendar.vue'), meta: { requiresAuth: true, memberOnly: true }, },
     { path: '/calendar/event/:id', component: () => import('@/pages/Calendar.vue'), meta: { requiresAuth: true, memberOnly: true }, },
+
+    { path: '/documents', component: () => import('@/pages/Documentation.vue'), meta: { requiresAuth: true, memberOnly: true }, },
     
     { path: '/trainingReport', component: () => import('@/pages/TrainingReport.vue'), meta: { requiresAuth: true, memberOnly: true } },
     { path: '/trainingReport/new', component: () => import('@/pages/TrainingReport.vue'), meta: { requiresAuth: true, memberOnly: true } },