feat(notifications): click a notification to jump to its related page

Every notification surface now deep-links to where the staff member needs to act:
- bell dropdown: clicking an actionable notification navigates and closes the
  dropdown (platform broadcasts still expand inline to show their text)
- notifications page: rows navigate to the right page
- in-app toast: gains a "View" action button
- desktop/Windows popup: clicking it focuses the tab and navigates

Routing is now permission-aware via a single resolver (notification-routes.ts):
a new-order alert sends a kitchen user to /kds, a cashier to /pos, and a floor
user to /tables — never to a page their role can't open; a waiter call → /tables.
This also fixes the old bug where table_call_waiter (which carries a referenceId)
wrongly routed to /kds. Toast/desktop clicks navigate client-side through a small
event bridge mounted in the dashboard shell.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/dashboard/src/components/notifications/notification-center.tsx

@@ -3,8 +3,12 @@
 import { useState } from "react";
 import { Bell } from "lucide-react";
 import { useLocale, useTranslations } from "next-intl";
+import { useRouter } from "@/i18n/routing";
 import { useNotificationsFeed } from "@/lib/hooks/use-notifications-feed";
 import type { CafeNotification } from "@/lib/api/notifications";
+import { resolveNotificationDestination } from "@/lib/notifications/notification-routes";
+import { permissionsOf } from "@/lib/permissions";
+import { useAuthStore } from "@/lib/stores/auth.store";
 import { numberLocaleForUi } from "@/lib/format-datetime";
 import { Button } from "@/components/ui/button";
 import {
@@ -18,6 +22,8 @@ import { cn } from "@/lib/utils";
 export function NotificationCenter() {
   const t = useTranslations("notifications");
   const locale = useLocale();
+  const router = useRouter();
+  const permissions = permissionsOf(useAuthStore((s) => s.user));
   const numberLocale = numberLocaleForUi(locale);
   const [open, setOpen] = useState(false);
   const [selected, setSelected] = useState<CafeNotification | null>(null);
@@ -30,7 +36,15 @@ export function NotificationCenter() {
 
   const handleSelect = async (n: CafeNotification) => {
     await openNotification(n);
-    setSelected({ ...n, isRead: true });
+    // Actionable notification → jump to its page and close the dropdown.
+    // Non-actionable (e.g. a platform broadcast) → show its full text inline.
+    const dest = resolveNotificationDestination(n, permissions);
+    if (dest) {
+      setOpen(false);
+      router.push(dest);
+    } else {
+      setSelected({ ...n, isRead: true });
+    }
   };
 
   const handleOpenChange = (next: boolean) => {