Big restructure

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>
+  );
+}