feat: implement frontend login functionality with form handling and error management

apps/frontend/app/root.tsx

@@ -1,8 +1,11 @@
 import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration } from 'react-router';
 import type { Route } from './+types/root';
+import '@radix-ui/themes/styles.css';
 import './app.css';
-import { Theme } from '@radix-ui/themes';
+import AppTheme from './components/theme';
 import { ApiProvider } from './providers/ApiProvider';
+import { LayoutProvider } from './providers/LayoutProvider';
+// import { LayoutContainer } from './routes/layout';
 
 export const links: Route.LinksFunction = () => [];
 
@@ -26,11 +29,13 @@ export function Layout({ children }: { children: React.ReactNode }) {
 
 export default function App() {
   return (
-    <Theme>
+    <AppTheme>
       <ApiProvider>
-        <Outlet />
+        <LayoutProvider>
+          <Outlet />
+        </LayoutProvider>
       </ApiProvider>
-    </Theme>
+    </AppTheme>
   );
 }