feat: profile page

src/app.tsx

@@ -2,6 +2,7 @@ import { FunctionComponent } from "preact";
 import { ErrorBoundary, LocationProvider, Route, Router, useLocation } from "preact-iso";
 import "preact/debug";
 import LoginPage from "./pages/login";
+import ProfilePage from "./pages/profile";
 
 const HomePage: FunctionComponent = () => {
   const location = useLocation();
@@ -11,15 +12,14 @@ const HomePage: FunctionComponent = () => {
 
 export function App() {
   return (
-    <>
-      <LocationProvider>
-        <ErrorBoundary>
-          <Router>
-            <Route path="/" component={HomePage} />
-            <Route path="/login" component={LoginPage} />
-          </Router>
-        </ErrorBoundary>
-      </LocationProvider>
-    </>
+    <LocationProvider>
+      <ErrorBoundary>
+        <Router>
+          <Route path="/" component={HomePage} />
+          <Route path="/login" component={LoginPage} />
+          <Route path="/profile" component={ProfilePage} />
+        </Router>
+      </ErrorBoundary>
+    </LocationProvider>
   );
 }

src/components/layout.tsx

@@ -0,0 +1,13 @@
+import { FunctionComponent } from "preact";
+import Menu from "./menu";
+
+const Layout: FunctionComponent = (props) => {
+  return (
+    <div class="flex min-w-screen flex-row justify-between">
+      {props.children}
+      <Menu />
+    </div>
+  );
+};
+
+export default Layout;

src/pages/profile.module.scss

@@ -0,0 +1 @@
+@reference "../index.scss";

src/pages/profile.tsx

@@ -0,0 +1,12 @@
+import Layout from "@/components/layout";
+import { FunctionComponent } from "preact";
+
+const ProfilePage: FunctionComponent = () => {
+  return (
+    <Layout>
+      <p>Profile</p>
+    </Layout>
+  );
+};
+
+export default ProfilePage;