feat: room scoping (org/DM/other sections), unread badge on nav, highlight.js CSS

src/routes/[orgSlug]/+layout.svelte

@@ -10,6 +10,7 @@
 	import { hasPermission, type Permission } from "$lib/utils/permissions";
 	import { setContext } from "svelte";
 	import * as m from "$lib/paraglide/messages";
+	import { totalUnreadCount } from "$lib/stores/matrix";
 
 	interface Member {
 		id: string;
@@ -126,6 +127,7 @@
 			href: `/${data.org.slug}/chat`,
 			label: "Chat",
 			icon: "chat",
+			badge: $totalUnreadCount > 0 ? ($totalUnreadCount > 99 ? "99+" : String($totalUnreadCount)) : null,
 		},
 		// Settings requires settings.view or admin role
 		...(canAccess("settings.view")
@@ -223,6 +225,11 @@
 							? 'opacity-0 max-w-0 overflow-hidden'
 							: 'opacity-100 max-w-[200px]'}">{item.label}</span
 					>
+					{#if item.badge}
+						<span class="ml-auto bg-primary text-background text-xs font-bold px-1.5 py-0.5 rounded-full min-w-[18px] text-center shrink-0">
+							{item.badge}
+						</span>
+					{/if}
 				</a>
 			{/each}
 		</nav>