fixed scrolling issues

ui/src/components/application/ApplicationChat.vue

@@ -38,7 +38,7 @@ function onSubmit(values: { text: string }, { resetForm }: { resetForm: () => vo
     <Form :validation-schema="commentSchema" @submit="onSubmit">
       <FormField name="text" v-slot="{ componentField }">
         <FormItem>
-          <FormLabel class="sr-only">Comment</FormLabel>
+          <FormLabel>Comment</FormLabel>
           <FormControl>
             <Textarea v-bind="componentField" rows="3" placeholder="Write a comment…"
               class="bg-neutral-800 resize-none w-full" />

ui/src/pages/Application.vue

@@ -121,7 +121,7 @@ async function handleDeny(id) {
 </script>
 
 <template>
-    <div v-if="!loading" class="w-full">
+    <div v-if="!loading" class="w-full h-20">
         <div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8">
             <!-- Application header -->
             <div>

ui/src/pages/ManageApplications.vue

@@ -91,7 +91,7 @@ onMounted(async () => {
 })
 </script>
 <template>
-    <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5">
+    <div class="px-20 mx-auto max-w-[100rem] w-full flex mt-5 h-52 min-h-0 overflow-hidden">
         <!-- application list -->
         <div :class="openPanel == false ? 'w-full' : 'w-2/5'" class="pr-9">
             <h1 class="scroll-m-20 text-2xl font-semibold tracking-tight">Manage Applications</h1>
@@ -103,7 +103,7 @@ onMounted(async () => {
                         <TableHead class="text-right">Status</TableHead>
                     </TableRow>
                 </TableHeader>
-                <TableBody>
+                <TableBody class="overflow-y-auto scrollbar-themed">
                     <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
                         :onClick="() => { openApplication(app.id) }">
                         <TableCell class="font-medium">{{ app.member_name }}</TableCell>
@@ -136,7 +136,9 @@ onMounted(async () => {
                     <XIcon></XIcon>
                 </button>
             </div>
-            <Application :mode="'view-recruiter'"></Application>
+            <div class="overflow-y-auto max-h-[80vh] h-full mt-5 scrollbar-themed">
+                <Application :mode="'view-recruiter'"></Application>
+            </div>
         </div>
     </div>
 </template>