feat: Add component strucutre for calls and super basic livekit implementation

packages/call/src/components/actions.tsx

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

packages/call/src/components/modals/big/user.tsx

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

packages/call/src/components/modals/big/video.tsx

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

packages/call/src/components/modals/small/user.tsx

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

packages/call/src/components/modals/small/video.tsx

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

packages/call/src/components/sidebarBox.tsx

@@ -0,0 +1,7 @@
+import { useCall } from "../context";
+
+export default function SidebarBox() {
+  const { state } = useCall();
+
+  return state === "closed" ? null : <div>Sidebar</div>;
+}