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/state/settings.ts

@@ -28,6 +28,7 @@ export interface Settings {
   hideActivity: boolean;
 
   isPeopleDrawer: boolean;
+  isCallPanelDocked: boolean;
   memberSortFilterIndex: number;
   enterForNewline: boolean;
   messageLayout: MessageLayout;
@@ -43,10 +44,14 @@ export interface Settings {
   showNotifications: boolean;
   isNotificationSounds: boolean;
 
+  showRemoteCursor: boolean;
+
   hour24Clock: boolean;
   dateFormatString: string;
 
   developerTools: boolean;
+
+  autoJoinSpaceRooms: boolean;
 }
 
 const defaultSettings: Settings = {
@@ -62,6 +67,7 @@ const defaultSettings: Settings = {
   hideActivity: false,
 
   isPeopleDrawer: true,
+  isCallPanelDocked: false,
   memberSortFilterIndex: 0,
   enterForNewline: false,
   messageLayout: 0,
@@ -77,10 +83,14 @@ const defaultSettings: Settings = {
   showNotifications: true,
   isNotificationSounds: true,
 
+  showRemoteCursor: true,
+
   hour24Clock: false,
   dateFormatString: 'D MMM YYYY',
 
   developerTools: false,
+
+  autoJoinSpaceRooms: true,
 };
 
 export const getSettings = () => {