feat: some profile page upgrades

src/pages/profile.tsx

@@ -1,11 +1,26 @@
-import Layout from "@/components/layout";
+import Menu from "@/components/menu";
 import { FunctionComponent } from "preact";
+import { Route, Router, useLocation } from "preact-iso";
 
 const ProfilePage: FunctionComponent = () => {
+  const { route } = useLocation();
   return (
-    <Layout>
-      <p>Profile</p>
-    </Layout>
+    <div class="flex min-w-screen flex-row justify-between">
+      <div class="w-full overflow-x-auto">
+        <Router>
+          <Route path="/settings" component={() => <h1>Test</h1>} />
+          <Route path="/tasks" component={() => <h1>Test2</h1>} />
+          <Route
+            default
+            component={() => {
+              route("/profile/settings", true);
+              return null;
+            }}
+          />
+        </Router>
+      </div>
+      <Menu />
+    </div>
   );
 };