feat: Add deafen to pc, fix mobiel view, fix freeze on startup

toju-app/src/app/domains/server-directory/feature/find-servers/find-servers.component.spec.ts

@@ -14,7 +14,6 @@ import { Store } from '@ngrx/store';
 import { of } from 'rxjs';
 
 import { FindServersComponent } from './find-servers.component';
-import { ViewportService } from '../../../../core/platform';
 import { selectSavedRooms } from '../../../../store/rooms/rooms.selectors';
 import { ServerDirectoryFacade } from '../../application/facades/server-directory.facade';
 import type { ServerInfo } from '../../domain/models/server-directory.model';
@@ -32,7 +31,6 @@ interface HarnessOptions {
   saved?: Room[];
   featured?: ServerInfo[];
   trending?: ServerInfo[];
-  isMobile?: boolean;
 }
 
 function createHarness(options: HarnessOptions = {}) {
@@ -49,8 +47,7 @@ function createHarness(options: HarnessOptions = {}) {
     providers: [
       FindServersComponent,
       { provide: Store, useValue: store },
-      { provide: ServerDirectoryFacade, useValue: serverDirectory },
-      { provide: ViewportService, useValue: { isMobile: signal(options.isMobile ?? false) } }
+      { provide: ServerDirectoryFacade, useValue: serverDirectory }
     ]
   });
   const component = runInInjectionContext(injector, () => injector.get(FindServersComponent));
@@ -59,11 +56,6 @@ function createHarness(options: HarnessOptions = {}) {
 }
 
 describe('FindServersComponent', () => {
-  it('exposes the mobile viewport flag', () => {
-    expect(createHarness().component.isMobile()).toBe(false);
-    expect(createHarness({ isMobile: true }).component.isMobile()).toBe(true);
-  });
-
   it('builds featured and trending sections after init', () => {
     const { component } = createHarness({
       featured: [makeServer('f1')],