feat(hackathon): dark mode for user page

- Add "edit profile" modal dialog that can be triggered from dashboard
- Update background overlay for dark mode
- Update dark mode for auth callback

apps/hackathon/src/app/layout.tsx

@@ -1,9 +1,4 @@
-import {
+import { Outlet, ScrollRestoration, useLocation, useNavigate } from 'react-router-dom';
-  Outlet,
-  ScrollRestoration,
-  useLocation,
-  useNavigate,
-} from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import { supabase } from '@imphnen-frontend-service/service';
 
@@ -32,21 +27,14 @@ export default function RootLayout() {
       }
 
       // Check Supabase session
-      const {
+      const { data: { session }, error } = await supabase.auth.getSession();
-        data: { session },
-        error,
-      } = await supabase.auth.getSession();
 
       if (error) {
         console.error('[Layout] Session error:', error);
       }
 
       // Public auth pages (login, signup, forgot-password, reset-password) - allow unauthenticated access
-      const isPublicAuthPage = pathname === '/maintenance';
+      const isPublicAuthPage = pathname === '/auth/login' || pathname === '/auth/signup' || pathname === '/auth/forgot-password' || pathname === '/auth/reset-password';
-      // pathname === '/auth/login' ||
-      // pathname === '/auth/signup' ||
-      // pathname === '/auth/forgot-password' ||
-      // pathname === '/auth/reset-password';
 
       if (isPublicAuthPage) {
         // If already authenticated and not on password reset pages, redirect to dashboard
@@ -68,8 +56,7 @@ export default function RootLayout() {
 
       // Require authentication for all other routes
       if (!session) {
-        navigate('/maintenance', { replace: true });
+        navigate('/auth/login', { replace: true });
-        // navigate('/auth/login', { replace: true });
         setIsChecking(false);
         return;
       }

apps/hackathon/src/app/maintenance/page.tsx

@@ -1,21 +0,0 @@
-export default function MaintenancePage() {
-  return (
-    <div className="flex justify-center items-center min-h-screen bg-gray-50 dark:bg-gray-950 px-4">
-      <div className="text-center">
-        <h1 className="text-6xl font-bold text-yellow-600 mb-4">🚧</h1>
-        <h2 className="text-3xl font-semibold mb-2">We'll be back soon!</h2>
-        <p className="text-gray-600">
-          Our site is currently undergoing scheduled maintenance.
-          <br />
-          Thank you for your patience.
-        </p>
-        <a
-          href="/"
-          className="mt-4 inline-block text-primary-600 hover:underline"
-        >
-          Back to Homepage
-        </a>
-      </div>
-    </div>
-  );
-}