feat: Rename to Toju and add translation

toju-app/src/app/domains/direct-message/feature/dm-chat/dm-chat.component.ts

@@ -14,6 +14,7 @@ import { ActivatedRoute } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { map } from 'rxjs';
+import { AppI18nService, APP_TRANSLATE_IMPORTS } from '../../../../core/i18n';
 import { ElectronBridgeService } from '../../../../core/platform/electron/electron-bridge.service';
 import { ViewportService } from '../../../../core/platform';
 import {
@@ -71,7 +72,8 @@ interface DmStatusLabel {
     BottomSheetComponent,
     NgIcon,
     ThemeNodeDirective,
-    UserAvatarComponent
+    UserAvatarComponent,
+    ...APP_TRANSLATE_IMPORTS
   ],
   viewProviders: [provideIcons({ lucidePhone, lucidePhoneCall })],
   templateUrl: './dm-chat.component.html',
@@ -92,6 +94,7 @@ export class DmChatComponent {
   private readonly viewport = inject(ViewportService);
   private readonly metadataRequestKeys = new Set<string>();
   private openedConversationId: string | null = null;
+  private readonly i18n = inject(AppI18nService);
   readonly isMobile = this.viewport.isMobile;
   readonly directCalls = inject(DirectCallService);
   readonly directMessages = inject(DirectMessageService);
@@ -193,7 +196,7 @@ export class DmChatComponent {
         roomId: conversation.id,
         channelId: 'direct-message',
         senderId: message.senderId,
-        senderName: knownUser?.displayName || participant?.displayName || (message.senderId === this.currentUserId() ? 'You' : message.senderId),
+        senderName: knownUser?.displayName || participant?.displayName || (message.senderId === this.currentUserId() ? this.i18n.instant('common.labels.you') : message.senderId),
         content: message.content,
         timestamp: message.timestamp,
         kind: message.kind,
@@ -216,7 +219,7 @@ export class DmChatComponent {
 
     const peerId = conversation?.participants.find((participantId) => participantId !== currentUserId);
 
-    return peerId ? conversation?.participantProfiles[peerId]?.displayName || peerId : 'Direct Message';
+    return peerId ? conversation?.participantProfiles[peerId]?.displayName || peerId : this.i18n.instant('dm.chat.defaultTitle');
   });
   readonly peerCallIcon = computed(() => {
     const conversation = this.conversation();
@@ -382,6 +385,22 @@ export class DmChatComponent {
     }
   }
 
+  openProfileLabel(name: string): string {
+    return this.i18n.instant('dm.chat.openProfile', { name });
+  }
+
+  callPeerLabel(name: string): string {
+    return this.i18n.instant('dm.chat.callPeer', { name });
+  }
+
+  typingIndicatorLabel(names: string[]): string {
+    const verb = names.length === 1
+      ? this.i18n.instant('dm.chat.typingOne')
+      : this.i18n.instant('dm.chat.typingMany');
+
+    return `${names.join(', ')} ${verb}`;
+  }
+
   closeGifPicker(): void {
     this.showGifPicker.set(false);
   }