Integrated application chat system

ui/src/pages/ManageApplications.vue

@@ -63,7 +63,7 @@ onMounted(async () => {
 })
 </script>
 <template>
-    <Table>
+    <Table class="mx-auto max-w-3xl">
         <!-- <TableCaption>A list of your recent invoices.</TableCaption> -->
         <TableHeader>
             <TableRow>
@@ -81,7 +81,7 @@ onMounted(async () => {
                 <TableCell v-if="app.app_status != 'Pending'" class="text-right" :class="[
                     'font-semibold',
                     app.app_status === Status.Pending && 'text-yellow-500',
-                    app.app_status === Status.Approved && 'text-success',
+                    app.app_status === Status.Accepted && 'text-success',
                     app.app_status === Status.Denied && 'text-destructive'
                 ]">{{ app.app_status }}</TableCell>
                 <TableCell v-else class="inline-flex items-end gap-2">