Improved mobile layout

apps/frontend/src/routes/__root.tsx

@@ -19,7 +19,7 @@ export const Route = createRootRouteWithContext<RouterContext>()({
 function RootRoute() {
   return (
     <Layout>
-      <div className="flex flex-col p-6">
+      <div className="flex flex-col">
         <Outlet />
       </div>
     </Layout>

apps/frontend/src/routes/auth-callback.tsx

@@ -41,7 +41,7 @@ function AuthCallbackPage() {
   }, [isAuthenticated, navigate]);
 
   return (
-    <main className="flex min-h-screen w-full items-center justify-center px-6">
+    <main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
       <p className="text-sm text-muted-foreground">Completando sesión...</p>
     </main>
   );

apps/frontend/src/routes/invite.tsx

@@ -36,7 +36,7 @@ function InvitePage() {
 
   if (isAuthenticated) {
     return (
-      <main className="flex min-h-screen w-full items-center justify-center px-6">
+      <main className="flex min-h-screen w-full items-center justify-center px-3 sm:px-6">
         <p className="text-sm text-muted-foreground">Aceptando invitación...</p>
       </main>
     );