feat: server image

toju-app/src/app/features/room/rooms-side-panel/rooms-side-panel.component.html

@@ -6,8 +6,16 @@
   >
     @if (panelMode() === 'channels') {
       <div class="flex items-center gap-3">
-        <div class="grid h-9 w-9 place-items-center rounded-md bg-secondary text-sm font-semibold text-foreground">
-          {{ currentRoom()?.name?.charAt(0)?.toUpperCase() || '#' }}
+        <div class="grid h-9 w-9 place-items-center overflow-hidden rounded-md bg-secondary text-sm font-semibold text-foreground">
+          @if (currentRoom()?.icon) {
+            <img
+              [src]="currentRoom()!.icon"
+              [alt]="currentRoom()!.name + ' icon'"
+              class="h-full w-full object-cover"
+            />
+          } @else {
+            {{ currentRoom()?.name?.charAt(0)?.toUpperCase() || '#' }}
+          }
         </div>
 
         <div class="min-w-0 flex-1">