Did more stuff than I even wanna write. Notably:

- Auth/account management
- Navigation system
- Admin views for LOA stuff

ui/src/router/index.js

@@ -1,18 +1,35 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import ManageApplications from '@/pages/ManageApplications.vue'
-import Application from '@/pages/Application.vue'
-import RankChange from '@/pages/RankChange.vue'
-import MemberList from '@/pages/memberList.vue'
-import LOA from '@/pages/LOA.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
-    { path: '/applications', component: ManageApplications },
-    { path: '/applications/:id', component: Application },
-    { path: '/changeRank', component: RankChange },
-    { path: '/members', component: MemberList},
-    { path: '/loa', component: LOA}
+    { path: '/applications', component: () => import('@/pages/ManageApplications.vue') },
+    { path: '/applications/:id', component: () => import('@/pages/Application.vue') },
+    { path: '/rankChange', component: () => import('@/pages/RankChange.vue') },
+    { path: '/members', component: () => import('@/pages/memberList.vue') },
+    { path: '/loa', component: () => import('@/pages/SubmitLOA.vue') },
+    { path: '/transfer', component: () => import('@/pages/Transfer.vue') },
+    {
+      path: '/administration',
+      children: [
+        {
+          path: 'applications',
+          component: () => import('@/pages/ManageApplications.vue')
+        },
+        {
+          path: 'applications/:id',
+          component: () => import('@/pages/Application.vue')
+        },
+        {
+          path: 'transfer-requests',
+          component: () => import('@/pages/RankChange.vue')
+        },
+        {
+          path: 'loa',
+          component: () => import('@/pages/ManageLOA.vue')
+        }
+      ]
+    }
   ]
 })