(feat): move call context to zustand

(feat): add actions, basic call page

packages/call/src/views/main/grid.tsx

@@ -1,3 +1,3 @@
 export default function View() {
-  return <div>Grid</div>;
+  return <div className="w-full h-full bg-red-500">Grid</div>;
 }

packages/call/src/views/main/layout.tsx

@@ -1,8 +1,12 @@
+import Actions from "../../components/actions";
+import TopBar from "../../components/top";
+
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <div>
-      Layout
-      {children}
+    <div className="w-full h-full flex flex-col bg-green-500">
+      <TopBar />
+      <div className="w-full h-full">{children}</div>
+      <Actions />
     </div>
   );
 }

packages/call/src/views/preview.tsx

@@ -1,7 +1,7 @@
-import { useCall } from "../context";
+import { useCall } from "../store";
 
 export default function Preview() {
-  const { currentCallData } = useCall();
+  const currentCallData = useCall((state) => state.currentCallData);
 
   return <div>Preview View {JSON.stringify(currentCallData?.users)}</div>;
 }