feat: 404 page

src/app.tsx

@@ -1,13 +1,16 @@
 import { FunctionComponent } from "preact";
 import { ErrorBoundary, lazy, LocationProvider, Route, Router, useLocation } from "preact-iso";
 import "preact/debug";
+import Page404 from "./pages/404";
 import LoginPage from "./pages/login";
-import { AppProvider } from "./providers/AuthProvider";
+import { AppProvider, useAppContext } from "./providers/AuthProvider";
 
 const HomePage: FunctionComponent = () => {
   const { route } = useLocation();
-  route("/login");
-  return <div>Redirecting to login...</div>;
+  const { isLoggedIn } = useAppContext();
+  if (isLoggedIn) route("/profile/tasks", true);
+  else route("/login", true);
+  return <div>Redirecting...</div>;
 };
 
 export function App() {
@@ -19,7 +22,7 @@ export function App() {
             <Route path="/" component={HomePage} />
             <Route path="/login" component={LoginPage} />
             <Route path="/profile/*" component={lazy(() => import("./pages/profile"))} />
-            <Route default component={() => <h1>404</h1>} />
+            <Route default component={() => <Page404 />} />
           </Router>
         </ErrorBoundary>
       </LocationProvider>