feat: implement sidebar docked call panel with participant management and sync status handling

src/app/state/settings.ts

@@ -15,6 +15,8 @@ export enum EmojiStyle {
   Twemoji = 'twemoji',
 }
 
+export type CallPanelDockPosition = 'right' | 'sidebar';
+
 export interface Settings {
   themeId?: string;
   useSystemTheme: boolean;
@@ -30,6 +32,7 @@ export interface Settings {
 
   isPeopleDrawer: boolean;
   isCallPanelDocked: boolean;
+  callPanelDockPosition: CallPanelDockPosition;
   memberSortFilterIndex: number;
   enterForNewline: boolean;
   messageLayout: MessageLayout;
@@ -72,6 +75,7 @@ const defaultSettings: Settings = {
 
   isPeopleDrawer: true,
   isCallPanelDocked: false,
+  callPanelDockPosition: 'right',
   memberSortFilterIndex: 0,
   enterForNewline: false,
   messageLayout: 0,