feat: Rename to Toju and add translation

toju-app/src/app/domains/screen-share/feature/screen-share-viewer/screen-share-viewer.component.ts

@@ -24,11 +24,16 @@ import { selectOnlineUsers } from '../../../../store/users/users.selectors';
 import { User } from '../../../../shared-kernel';
 import { DEFAULT_VOLUME } from '../../../../core/constants';
 import { VoicePlaybackService } from '../../../../domains/voice-connection';
+import { APP_TRANSLATE_IMPORTS, AppI18nService } from '../../../../core/i18n';
 
 @Component({
   selector: 'app-screen-share-viewer',
   standalone: true,
-  imports: [CommonModule, NgIcon],
+  imports: [
+    CommonModule,
+    NgIcon,
+    ...APP_TRANSLATE_IMPORTS
+  ],
   viewProviders: [
     provideIcons({
       lucideMaximize,
@@ -49,6 +54,7 @@ export class ScreenShareViewerComponent implements OnDestroy {
   private readonly screenShareService = inject(ScreenShareFacade);
   private readonly voicePlayback = inject(VoicePlaybackService);
   private readonly store = inject(Store);
+  private readonly appI18n = inject(AppI18nService);
   private remoteStreamSub: Subscription | null = null;
 
   onlineUsers = this.store.selectSignal(selectOnlineUsers);
@@ -262,6 +268,16 @@ export class ScreenShareViewerComponent implements OnDestroy {
   }
 
   /** Handle volume slider changes, applying only to remote streams. */
+  sharingLabel(): string {
+    const sharer = this.activeScreenSharer();
+
+    if (sharer?.displayName) {
+      return this.appI18n.instant('screenShare.viewer.userSharing', { name: sharer.displayName });
+    }
+
+    return this.appI18n.instant('screenShare.viewer.someoneSharing');
+  }
+
   onScreenVolumeChange(event: Event): void {
     const input = event.target as HTMLInputElement;
     const val = Math.max(0, Math.min(200, parseInt(input.value, 10)));