chore: remove debug console.log calls from CallEmbed

Remove [CallEmbed] state, container styles, and syncCallEmbedPlacement
debug logs that were flooding the console during call sessions.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/components/CallEmbedProvider.tsx

@@ -445,40 +445,6 @@ export function CallEmbedProvider({ children }: CallEmbedProviderProps) {
   // Track previous pipMode to only reset position when entering/exiting pip
   const prevPipModeRef = React.useRef(false);
 
-  // Debug: log whenever call embed visibility/mode changes
-  React.useEffect(() => {
-    console.log('[CallEmbed] state:', {
-      callEmbedRoomId: callEmbed?.roomId,
-      selectedRoom,
-      joined,
-      inCallRoom: !!inCallRoom,
-      callVisible: !!callVisible,
-      pipMode: !!pipMode,
-      chatOnlyView: !!chatOnlyView,
-    });
-    const el = callEmbedRef.current;
-    if (el) {
-      console.log('[CallEmbed] container styles:', {
-        top: el.style.top,
-        left: el.style.left,
-        width: el.style.width,
-        height: el.style.height,
-        visibility: el.style.visibility,
-        bottom: el.style.bottom,
-        right: el.style.right,
-      });
-    }
-  }, [
-    callEmbed?.roomId,
-    selectedRoom,
-    joined,
-    inCallRoom,
-    callVisible,
-    pipMode,
-    chatOnlyView,
-    callEmbedRef,
-  ]);
-
   React.useEffect(() => {
     const el = callEmbedRef.current;
     if (!el) return;

src/app/features/common-settings/members/Members.tsx

@@ -58,6 +58,14 @@ import { useRoomCreators } from '../../../hooks/useRoomCreators';
 import { getMouseEventCords } from '../../../utils/dom';
 import { useCrossSigningActive } from '../../../hooks/useCrossSigning';
 import { MemberVerificationBadge } from '../../../components/MemberVerificationBadge';
+import { useUserPresence } from '../../../hooks/useUserPresence';
+import { PresenceBadge } from '../../../components/presence';
+
+function MemberPresenceBadge({ userId }: { userId: string }) {
+  const presence = useUserPresence(userId);
+  if (!presence) return null;
+  return <PresenceBadge presence={presence.presence} status={presence.status} size="300" />;
+}
 
 const SEARCH_OPTIONS: UseAsyncSearchOptions = {
   limit: 1000,
@@ -333,6 +341,7 @@ export function Members({ requestClose }: MembersProps) {
                             useAuthentication={useAuthentication}
                             after={
                               <>
+                                <MemberPresenceBadge userId={tagOrMember.userId} />
                                 {showEncryption && (
                                   <MemberVerificationBadge userId={tagOrMember.userId} />
                                 )}

src/app/features/room/MembersDrawer.tsx

@@ -61,6 +61,8 @@ import { useFlattenPowerTagMembers, useGetMemberPowerTag } from '../../hooks/use
 import { useRoomCreators } from '../../hooks/useRoomCreators';
 import { useCrossSigningActive } from '../../hooks/useCrossSigning';
 import { MemberVerificationBadge } from '../../components/MemberVerificationBadge';
+import { useUserPresence } from '../../hooks/useUserPresence';
+import { PresenceBadge } from '../../components/presence';
 
 type MemberDrawerHeaderProps = {
   room: Room;
@@ -131,6 +133,7 @@ function MemberItem({
   const avatarUrl = avatarMxcUrl
     ? mx.mxcUrlToHttp(avatarMxcUrl, 100, 100, 'crop', undefined, false, useAuthentication)
     : undefined;
+  const presence = useUserPresence(member.userId);
 
   return (
     <MenuItem
@@ -152,6 +155,9 @@ function MemberItem({
       }
       after={
         <>
+          {presence && (
+            <PresenceBadge presence={presence.presence} status={presence.status} size="300" />
+          )}
           {showEncryption && <MemberVerificationBadge userId={member.userId} />}
           {typing && (
             <Badge size="300" variant="Secondary" fill="Soft" radii="Pill" outlined>

src/app/hooks/useCallEmbed.ts

@@ -155,12 +155,6 @@ export const useCallEmbedPlacementSync = (containerViewRef: RefObject<HTMLDivEle
     if (!embedEl || !container) return;
 
     const rect = container.getBoundingClientRect();
-    console.log('[CallEmbed] syncCallEmbedPlacement:', {
-      top: rect.top,
-      left: rect.left,
-      width: rect.width,
-      height: rect.height,
-    });
     embedEl.style.top = `${rect.top}px`;
     embedEl.style.left = `${rect.left}px`;
     embedEl.style.width = `${rect.width}px`;