feat: add call management features with useCall and useRoomCallMembers hooks

- Implemented useCall hook for managing call state and actions.
- Created useRoomCallMembers hook to track active call members in a room.
- Added useRtcConfig for fetching RTC configurations and LiveKit JWT.
- Developed Audio settings component for managing audio devices and settings.
- Introduced device selection and screen sharing options in the Audio settings.
- Persisted audio settings in localStorage for user preferences.

src/app/features/settings/Settings.tsx

@@ -30,6 +30,7 @@ import { Devices } from './devices';
 import { EmojisStickers } from './emojis-stickers';
 import { DeveloperTools } from './developer-tools';
 import { About } from './about';
+import { Audio } from './audio';
 import { UseStateProvider } from '../../components/UseStateProvider';
 import { stopPropagation } from '../../utils/keyboard';
 import { LogoutDialog } from '../../components/LogoutDialog';
@@ -38,6 +39,7 @@ export enum SettingsPages {
   GeneralPage,
   AccountPage,
   NotificationPage,
+  AudioPage,
   DevicesPage,
   EmojisStickersPage,
   DeveloperToolsPage,
@@ -68,6 +70,11 @@ const useSettingsMenuItems = (): SettingsMenuItem[] =>
         name: 'Notifications',
         icon: Icons.Bell,
       },
+      {
+        page: SettingsPages.AudioPage,
+        name: 'Audio & Video',
+        icon: Icons.Phone,
+      },
       {
         page: SettingsPages.DevicesPage,
         name: 'Devices',
@@ -219,6 +226,9 @@ export function Settings({ initialPage, requestClose }: SettingsProps) {
       {activePage === SettingsPages.NotificationPage && (
         <Notifications requestClose={handlePageRequestClose} />
       )}
+      {activePage === SettingsPages.AudioPage && (
+        <Audio requestClose={handlePageRequestClose} />
+      )}
       {activePage === SettingsPages.DevicesPage && (
         <Devices requestClose={handlePageRequestClose} />
       )}