feat: implement global audio effects and presence grace period

packages/web/src/components/layout/AppLayout.tsx

@@ -15,6 +15,7 @@ import { ServerSettingsModal } from '../modals/ServerSettings';
 import { NewDmModal } from '../modals/NewDmModal';
 import { IncomingCallModal } from '../voice/IncomingCallModal';
 import { PictureInPicture } from '../voice/PictureInPicture';
+import { SoundController } from '../voice/SoundController';
 import { UserProfilePopout } from '../ui/UserProfilePopout';
 import { useAuth } from '../../hooks/useAuth';
 import { useWebSocket } from '../../hooks/useWebSocket';
@@ -238,6 +239,7 @@ export function AppLayout() {
       <IncomingCallModal />
       <ImagePreview />
       <PictureInPicture />
+      <SoundController />
 
       {/* User Profile Popout */}
       {userProfilePopout.user && userProfilePopout.position && (