Ui fixes

Author: cyiting

frontend/src/components/blocks/interview/ai-chat.tsx

@@ -182,7 +182,7 @@ export const AIChat: React.FC<AIChatProps> = ({
         <div className='flex w-full flex-col gap-6 text-center'>
           <MessageSquareIcon className='mx-auto size-12 opacity-50' />
           <p>No messages yet. Start a conversation, or use one of these prompts:</p>
-          <div className='flex flex-wrap gap-4'>
+          <div className='flex flex-wrap justify-center gap-4'>
             {prompts.map((value, index) => (
               <Button
                 key={index}

frontend/src/routes/interview/[room]/main.tsx

@@ -66,7 +66,7 @@ export const InterviewRoom = () => {
                 <TabsTrigger value='details'>Question Details</TabsTrigger>
                 <TabsTrigger value='attempts'>Past Attempts</TabsTrigger>
               </TabsList>
-              <TabsContent value='details' className=''>
+              <TabsContent value='details' className='h-full'>
                 <QuestionDetails {...{ questionDetails }} />
               </TabsContent>
               <TabsContent value='attempts' className='flex h-[calc(100%-44px)]'>