feat: server image

toju-app/src/app/features/servers/servers-rail/servers-rail.component.ts

@@ -1,31 +1,13 @@
 /* eslint-disable @typescript-eslint/member-ordering */
-import {
-  Component,
-  DestroyRef,
-  Type,
-  computed,
-  effect,
-  inject,
-  signal
-} from '@angular/core';
+import { Component, DestroyRef, Type, computed, effect, inject, signal } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { CommonModule, NgOptimizedImage } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { Store } from '@ngrx/store';
 import { NavigationEnd, Router } from '@angular/router';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { lucidePlus } from '@ng-icons/lucide';
-import {
-  EMPTY,
-  Subject,
-  catchError,
-  filter,
-  firstValueFrom,
-  from,
-  map,
-  switchMap,
-  tap
-} from 'rxjs';
+import { EMPTY, Subject, catchError, filter, firstValueFrom, from, map, switchMap, tap } from 'rxjs';
 
 import { Room, User } from '../../../shared-kernel';
 import { UserBarComponent } from '../../../domains/authentication/feature/user-bar/user-bar.component';
@@ -38,11 +20,7 @@ import { NotificationsFacade } from '../../../domains/notifications';
 import { type ServerInfo, ServerDirectoryFacade } from '../../../domains/server-directory';
 import { ThemeNodeDirective } from '../../../domains/theme';
 import { hasRoomBanForUser } from '../../../domains/access-control';
-import {
-  ConfirmDialogComponent,
-  ContextMenuComponent,
-  LeaveServerDialogComponent
-} from '../../../shared';
+import { ConfirmDialogComponent, ContextMenuComponent, LeaveServerDialogComponent } from '../../../shared';
 
 @Component({
   selector: 'app-servers-rail',
@@ -54,7 +32,6 @@ import {
     ConfirmDialogComponent,
     ContextMenuComponent,
     LeaveServerDialogComponent,
-    NgOptimizedImage,
     ThemeNodeDirective,
     UserBarComponent
   ],
@@ -166,8 +143,7 @@ export class ServersRailComponent {
   }
 
   initial(name?: string): string {
-    if (!name)
-      return '?';
+    if (!name) return '?';
 
     const ch = name.trim()[0]?.toUpperCase();
 
@@ -219,8 +195,7 @@ export class ServersRailComponent {
   confirmPasswordJoin(): void {
     const room = this.passwordPromptRoom();
 
-    if (!room)
-      return;
+    if (!room) return;
 
     this.joinPasswordError.set(null);
     this.savedRoomJoinRequests.next({ room, password: this.joinPassword() });
@@ -260,8 +235,7 @@ export class ServersRailComponent {
   confirmLeave(result: { nextOwnerKey?: string }): void {
     const ctx = this.contextRoom();
 
-    if (!ctx)
-      return;
+    if (!ctx) return;
 
     const isCurrentRoom = this.currentRoom()?.id === ctx.id;
 
@@ -364,8 +338,7 @@ export class ServersRailComponent {
     const currentUserId = localStorage.getItem('metoyou_currentUserId');
     const currentUser = this.currentUser();
 
-    if (!currentUserId)
-      return EMPTY;
+    if (!currentUserId) return EMPTY;
 
     this.joinPasswordError.set(null);