navbar V2 hell yeah

ui/src/pages/ManageApplications.vue

@@ -69,7 +69,7 @@ onMounted(async () => {
 })
 </script>
 <template>
-    <div class="mx-auto max-w-5xl">
+    <div class="mx-auto w-full max-w-5xl">
         <h1 class="my-4">Manage Applications</h1>
         <Table>
             <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->

ui/src/pages/ManageTransfers.vue

@@ -68,7 +68,7 @@ onMounted(async () => {
         </DialogContent>
     </Dialog>
 
-    <div class="max-w-5xl mx-auto">
+    <div class="max-w-5xl w-full mx-auto">
         Active
         <div>
             <Card>

ui/src/pages/TrainingReport.vue

@@ -95,7 +95,7 @@ onMounted(async () => {
 </script>
 
 <template>
-    <div class="px-20 mx-auto max-w-[100rem] flex mt-5">
+    <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5">
         <!-- training report list -->
         <div class="px-4 my-3" :class="sidePanel == sidePanelState.closed ? 'w-full' : 'w-2/5'">
             <div class="flex justify-between mb-4">