Remove horizontal scrollbar from application interface

Modify Layout.tsx to prevent horizontal scrolling by setting overflow-x to hidden and update index.css to apply the same styling to the body.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d43bd811-9372-45a7-8ac9-4a954c0538e1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/d43bd811-9372-45a7-8ac9-4a954c0538e1/2NHp409

client/src/components/Layout.tsx

@@ -157,7 +157,7 @@ export default function Layout({ children }: LayoutProps) {
             )}
           </header>
 
-          <div className="flex-1 overflow-auto bg-gray-50 p-6">
+          <div className="flex-1 overflow-y-auto overflow-x-hidden bg-gray-50 p-6">
             {children}
           </div>
         </main>

client/src/index.css

@@ -62,6 +62,7 @@
 
   body {
     @apply font-sans antialiased bg-surface text-foreground;
+    overflow-x: hidden;
   }
 }