Big restructure

apps/web/src/routes/404.tsx

@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <div className="w-full h-full flex items-center justify-center text-4xl font-bold">
+      Page not found (404)
+    </div>
+  );
+}

apps/web/src/routes/app/home.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Home</div>;
+}

apps/web/src/routes/app/layout.tsx

@@ -0,0 +1,27 @@
+import Socket from "@tensamin/ttp/context";
+import User from "@tensamin/user/context";
+import type { ReactNode } from "react";
+
+import Sidebar from "@/components/sidebar";
+import Conversation from "@/features/conversation/context";
+import Navbar from "@/components/navbar";
+
+export default function Layout(props: { children: ReactNode }) {
+  return (
+    <Socket>
+      <User>
+        <Conversation>
+          <div className="w-full h-full flex bg-sidebar">
+            <Sidebar />
+            <div className="w-full h-full flex flex-col">
+              <Navbar />
+              <div className="bg-background h-full w-full rounded-tl-3xl border-t border-l">
+                {props.children}
+              </div>
+            </div>
+          </div>
+        </Conversation>
+      </User>
+    </Socket>
+  );
+}

apps/web/src/routes/layout.tsx

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+
+import Storage from "@tensamin/storage/context";
+import Crypto from "@tensamin/crypto/context";
+
+import LegalWrapper from "@/features/legal/screen";
+
+import { Toaster } from "@tensamin/ui/sonner";
+
+export default function Layout(props: { children: ReactNode }) {
+  return (
+    <>
+      <Toaster />
+      <Storage>
+        <LegalWrapper>
+          <Crypto>{props.children}</Crypto>
+        </LegalWrapper>
+      </Storage>
+    </>
+  );
+}

apps/web/src/routes/screens/login.tsx

@@ -0,0 +1,16 @@
+import Form from "@/components/screens/login/form";
+import { Button } from "@tensamin/ui/button";
+import { Link } from "@tanstack/react-router";
+
+export default function Page() {
+  return (
+    <div className="w-full h-full flex flex-col gap-10 items-center justify-center">
+      <Form />
+      <div className="flex">
+        <Link to="/signup">
+          <Button variant="outline">Sign up</Button>
+        </Link>
+      </div>
+    </div>
+  );
+}

apps/web/src/routes/screens/signup.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <div>Signup Page</div>;
+}