did a whole ton of shit with calendars and roles system

ui/src/App.vue

@@ -51,9 +51,9 @@ function formatDate(dateStr) {
         <RouterLink to="/">
           <Button variant="link">Home</Button>
         </RouterLink>
-        <!-- <RouterLink to="/">
+        <RouterLink to="/calendar">
           <Button variant="link">Calendar</Button>
-        </RouterLink> -->
+        </RouterLink>
         <RouterLink to="/members">
           <Button variant="link">Members</Button>
         </RouterLink>
@@ -87,6 +87,9 @@ function formatDate(dateStr) {
             <RouterLink to="/administration/applications">
               <Button variant="link">Recruitment</Button>
             </RouterLink>
+            <RouterLink to="/administration/roles">
+              <Button variant="link">Role Management</Button>
+            </RouterLink>
           </PopoverContent>
         </Popover>
 
@@ -112,14 +115,14 @@ function formatDate(dateStr) {
       </div>
     </div>
     <Separator></Separator>
-    <Alert class="m-2 mx-auto w-5xl" variant="info">
+    <Alert v-if="userStore.user?.loa?.[0]" class="m-2 mx-auto w-5xl" variant="info">
       <AlertDescription class="flex flex-row items-center text-nowrap gap-5 mx-auto">
         <p>You are on LOA until <strong>{{ formatDate(userStore.user?.loa?.[0].end_date) }}</strong></p>
         <Button variant="secondary">End LOA</Button>
       </AlertDescription>
     </Alert>
 
-    <RouterView></RouterView>
+    <RouterView class=""></RouterView>
   </div>
 </template>