fix(remix): resolve hydration error by wrapping app in layout

The root App component was missing the Layout wrapper, causing a mismatch between the server-rendered and client-rendered HTML. This resulted in a React hydration error.

This change wraps the Outlet in the Layout component to ensure the base HTML structure is consistent, resolving the hydration failure.

Author: google-labs-jules[bot]

app/root.tsx

@@ -32,7 +32,11 @@ export const links: LinksFunction = () => [
 
 // 👇 This is what entry.server.tsx expects to exist
 export default function App() {
-  return <Outlet />;
+  return (
+    <Layout>
+      <Outlet />
+    </Layout>
+  );
 }
 
 export function Layout({ children }: { children: ReactNode }) {