LOA UI completed (without integration)

ui/src/router/index.js

@@ -3,6 +3,7 @@ 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),
@@ -10,7 +11,8 @@ const router = createRouter({
     { path: '/applications', component: ManageApplications },
     { path: '/applications/:id', component: Application },
     { path: '/changeRank', component: RankChange },
-    { path: '/members', component: MemberList}
+    { path: '/members', component: MemberList},
+    { path: '/loa', component: LOA}
   ]
 
 })