feat(call): add docked call panel and remote cursor overlay

- Implemented DockedCallPanel component to render the docked call interface when an active call is present.
- Created RemoteCursorOverlay component to display remote cursor positions during screen sharing.
- Added hooks for managing docked call state and remote cursor functionality.
- Introduced pending drag state management for seamless transitions between docked and floating states.
- Developed embed filter management components for personal and room-wide settings, allowing users to customize URL embed visibility.
- Implemented auto-joining functionality for rooms within spaces, enhancing user experience during space navigation.
- Added state management for tracking joining progress of rooms in spaces.

src/app/features/room-settings/general/General.tsx

@@ -4,6 +4,7 @@ import { Page, PageContent, PageHeader } from '../../../components/page';
 import { usePowerLevels } from '../../../hooks/usePowerLevels';
 import { useRoom } from '../../../hooks/useRoom';
 import {
+  EmbedFilters,
   RoomProfile,
   RoomEncryption,
   RoomHistoryVisibility,
@@ -53,6 +54,10 @@ export function General({ requestClose }: GeneralProps) {
                 <RoomEncryption permissions={permissions} />
                 <RoomPublish permissions={permissions} />
               </Box>
+              <Box direction="Column" gap="100">
+                <Text size="L400">Link Previews</Text>
+                <EmbedFilters />
+              </Box>
               <Box direction="Column" gap="100">
                 <Text size="L400">Addresses</Text>
                 <RoomPublishedAddresses permissions={permissions} />

src/app/features/room-settings/permissions/usePermissionItems.ts

@@ -174,6 +174,19 @@ export const usePermissionGroups = (): PermissionGroup[] => {
       ],
     };
 
+    const callsGroup: PermissionGroup = {
+      name: 'Calls',
+      items: [
+        {
+          location: {
+            state: true,
+            key: StateEvent.CallMember,
+          },
+          name: 'Join/Start Calls',
+        },
+      ],
+    };
+
     const otherSettingsGroup: PermissionGroup = {
       name: 'Other',
       items: [
@@ -199,6 +212,7 @@ export const usePermissionGroups = (): PermissionGroup[] => {
       moderationGroup,
       roomOverviewGroup,
       roomSettingsGroup,
+      callsGroup,
       otherSettingsGroup,
     ];
   }, []);