feat: Add notifications

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

@@ -87,7 +87,13 @@
                   (click)="$event.stopPropagation()"
                 />
               } @else {
-                <span class="truncate">{{ ch.name }}</span>
+                <span class="flex-1 truncate">{{ ch.name }}</span>
+              }
+
+              @if (channelUnreadCount(ch.id) > 0) {
+                <span class="ml-auto rounded-full bg-primary/15 px-1.5 py-0.5 text-[10px] font-semibold text-primary">
+                  {{ formatUnreadCount(channelUnreadCount(ch.id)) }}
+                </span>
               }
             </button>
           }
@@ -407,6 +413,14 @@
     >
       Resync Messages
     </button>
+    @if (contextChannel()?.type === 'text') {
+      <button
+        (click)="toggleChannelNotifications()"
+        class="context-menu-item"
+      >
+        {{ isContextChannelMuted() ? 'Unmute Notifications' : 'Mute Notifications' }}
+      </button>
+    }
     @if (canManageChannels()) {
       <div class="context-menu-divider"></div>
       <button