fix: lock background scroll, remove auto-scroll, and fix mobile branding alignment

frontend/src/App.tsx

@@ -31,9 +31,10 @@ const App: React.FC = () => {
         setVerse(VERSES[dayOfYear % VERSES.length]);
     }, []);
 
-    useEffect(() => {
-        chatEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-    }, [messages]);
+    // Automatic scroll removed as per user request for manual control
+    // useEffect(() => {
+    //     chatEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    // }, [messages]);
 
     const handleSend = async () => {
         if (!input.trim() || isLoading) return;
@@ -69,7 +70,7 @@ const App: React.FC = () => {
     };
 
     return (
-        <div className="min-h-screen bg-[#002B22] flex flex-col items-center justify-center p-0 md:p-4 font-outfit text-white overflow-x-hidden relative">
+        <div className="h-screen bg-[#002B22] flex flex-col items-center justify-center p-0 md:p-4 font-outfit text-white overflow-hidden relative">
             {/* Dynamic Background Elements */}
             <div className="absolute top-[-20%] left-[-10%] w-[60%] h-[60%] bg-[#007055]/20 rounded-full blur-[150px] animate-pulse pointer-events-none"></div>
             <div className="absolute bottom-[-20%] right-[-10%] w-[60%] h-[60%] bg-[#FDFBD4]/5 rounded-full blur-[150px] pointer-events-none"></div>
@@ -84,7 +85,7 @@ const App: React.FC = () => {
                             <img src="/assets/logo.jpg" alt="CLCC Logo" className="w-full h-full object-cover" />
                         </div>
                     </div>
-                    <div className="text-center sm:text-left space-y-2">
+                    <div className="text-center md:text-left space-y-2">
                         <h1 className="text-3xl md:text-4xl font-black tracking-tighter bg-clip-text text-transparent bg-gradient-to-br from-white via-[#FDFBD4] to-[#007055]">
                             Theo AI
                         </h1>