feat(welcome): Add Welcome component to display login or welcome message based on authentication state

Author: Aya-X

app/features/welcome/index.tsx

@@ -0,0 +1,23 @@
+import Login from "~/features/login";
+
+import { useAuth } from "~/providers/AuthProvider";
+
+export default function Welcome() {
+  const { isLogin, isLoading } = useAuth();
+
+  if (isLoading) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <>
+      {isLogin ? (
+        <div>
+          <h1>Welcome to the app</h1>
+        </div>
+      ) : (
+        <Login />
+      )}
+    </>
+  );
+}

app/routes/home.tsx

@@ -1,4 +1,4 @@
-import Login from "~/features/login";
+import Welcome from "~/features/welcome";
 
 export function meta() {
   return [
@@ -8,5 +8,5 @@ export function meta() {
 }
 
 export default function Home() {
-  return <Login />;
+  return <Welcome />;
 }