(fix): joining a call while already being in a call wouldn't reset the call state

(qol): format

packages/call/src/components/buttons/invite.tsx

@@ -1,10 +1,5 @@
 import { useTTP } from "@tensamin/ttp";
-import {
-  Button,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@tensamin/ui";
+import { Button, Popover, PopoverContent, PopoverTrigger } from "@tensamin/ui";
 import Wrapper from "@tensamin/user/wrapper";
 import { Mail } from "lucide-react";
 import { sendCallInvite } from "../../store";

packages/call/src/components/modals/base.tsx

@@ -142,7 +142,8 @@ export default function Base({
               {/* Detect video / user and place here */}
 
               {type === "stream" &&
-                (screenSharePublication?.isSubscribed && screenSharePublication.track ? (
+                (screenSharePublication?.isSubscribed &&
+                screenSharePublication.track ? (
                   <VideoViewer
                     flush={flush}
                     participantId={participant.identity}

packages/call/src/components/top.tsx

@@ -7,12 +7,15 @@ export default function TopBar() {
   const room = useCall((state) => state.room);
   const view = useCall((state) => state.view);
 
-  const userIds = Array.from(room.remoteParticipants.values(), (participant) => {
-    const participantId = Number(participant.identity);
-    return Number.isInteger(participantId) && participantId > 0
-      ? participantId
-      : null;
-  }).filter((participantId): participantId is number => participantId != null);
+  const userIds = Array.from(
+    room.remoteParticipants.values(),
+    (participant) => {
+      const participantId = Number(participant.identity);
+      return Number.isInteger(participantId) && participantId > 0
+        ? participantId
+        : null;
+    },
+  ).filter((participantId): participantId is number => participantId != null);
   const userIdsKey = userIds.join(",");
 
   const [users, setUsers] = useState<User[]>([]);