feat: Rename to Toju and add translation

toju-app/src/app/features/settings/settings-modal/members-settings/members-settings.component.ts

@@ -29,6 +29,7 @@ import {
   normalizeRoomAccessControl,
   setRoleAssignmentsForMember
 } from '../../../../domains/access-control';
+import { AppI18nService, APP_TRANSLATE_IMPORTS } from '../../../../core/i18n';
 
 interface ServerMemberView extends RoomMember {
   assignedRoleIds: string[];
@@ -43,7 +44,8 @@ interface ServerMemberView extends RoomMember {
     CommonModule,
     FormsModule,
     NgIcon,
-    UserAvatarComponent
+    UserAvatarComponent,
+    ...APP_TRANSLATE_IMPORTS
   ],
   viewProviders: [
     provideIcons({
@@ -55,6 +57,7 @@ interface ServerMemberView extends RoomMember {
 })
 export class MembersSettingsComponent {
   private store = inject(Store);
+  private readonly i18n = inject(AppI18nService);
 
   /** The currently selected server, passed from the parent. */
   server = input<Room | null>(null);
@@ -93,7 +96,7 @@ export class MembersSettingsComponent {
         return {
           ...member,
           assignedRoleIds: getRoleIdsForMember(room, member),
-          displayRoleName: getDisplayRoleName(room, member),
+          displayRoleName: getDisplayRoleName(room, member, (key) => this.i18n.instant(key)),
           avatarUrl: liveUser?.avatarUrl || member.avatarUrl,
           displayName: liveUser?.displayName || member.displayName,
           isOnline: !!liveUser && (liveUser.isOnline === true || liveUser.status !== 'offline')