Feat: Add notifications menu

Frontend/src/components/shell/data/shell.data.ts

@@ -87,6 +87,14 @@ export type TopBarAction = {
 	icon: ShellIcon;
 };
 
+export type NotificationItem = {
+	id: string;
+	title: string;
+	contextLabel: string;
+	timeLabel: string;
+	unread?: boolean;
+};
+
 export type ProfileMenuAction = {
 	id: string;
 	label: string;
@@ -166,9 +174,39 @@ export const serverSidebarItems: readonly SidebarItem[] = [
 
 export const topBarActions: readonly TopBarAction[] = [
 	{ id: "search", label: "Search", icon: Search },
-	{ id: "inbox", label: "Inbox", icon: Bell },
 ] as const;
 
+export const notificationItems: readonly NotificationItem[] = [
+	{
+		id: "comment-design-systems",
+		title: "New comment on Design Systems",
+		contextLabel: "Product • Review thread updated",
+		timeLabel: "2m ago",
+		unread: true,
+	},
+	{
+		id: "sprint-platform",
+		title: "Sprint updated in Platform",
+		contextLabel: "Engineering • Scope changed",
+		timeLabel: "15m ago",
+		unread: true,
+	},
+	{
+		id: "member-joined",
+		title: "New member joined Operations",
+		contextLabel: "Organization Name • Access granted",
+		timeLabel: "1h ago",
+	},
+	{
+		id: "daily-summary",
+		title: "Daily summary is ready",
+		contextLabel: "General • 8 updates across boards",
+		timeLabel: "Today, 8:00 AM",
+	},
+] as const;
+
+export const unreadNotificationCount = notificationItems.filter((item) => item.unread).length;
+
 export const activeUserProfile: ActiveUserProfile = {
 	name: "Demo Account",
 	email: "demo@moku.work",