🎨 style: Fix Footer Centering

client/src/components/Chat/ChatView.tsx

@@ -71,14 +71,16 @@ function ChatView({ index = 0 }: { index?: number }) {
               {!isLoading && <Header />}
 
               {isLandingPage ? (
+                <>
                   <div className="flex flex-1 flex-col items-center justify-end sm:justify-center">
                     {content}
                     <div className="w-full max-w-3xl transition-all duration-200 xl:max-w-4xl">
                       <ChatForm index={index} />
                       <ConversationStarters />
+                    </div>
+                  </div>
                   <Footer />
-                  </div>
+                </>
-                </div>
               ) : (
                 <div className="flex h-full flex-col overflow-y-auto">
                   {content}

client/src/components/Chat/Footer.tsx

@@ -83,6 +83,7 @@ export default function Footer({ className }: { className?: string }) {
   );
 
   return (
+    <div className="relative w-full">
       <div
         className={
           className ??
@@ -96,11 +97,15 @@ export default function Footer({ className }: { className?: string }) {
             <React.Fragment key={`footer-element-${index}`}>
               {contentRender}
               {!isLastElement && (
-              <div key={`separator-${index}`} className="h-2 border-r-[1px] border-border-medium" />
+                <div
+                  key={`separator-${index}`}
+                  className="h-2 border-r-[1px] border-border-medium"
+                />
               )}
             </React.Fragment>
           );
         })}
       </div>
+    </div>
   );
 }