+
+
Inbox
+
+
+
+
+
+ {list.isPending &&
Loading…
}
+ {!list.isPending && items.length === 0 && (
+
Nothing here yet.
+ )}
+
+
+ {items.map((n) => (
+ -
+
+
+ ))}
+
+
+ );
+}
+```
+
+- [ ] **Step 3: Register the route**
+
+In `web/src/routes.tsx`, beside the other lazy imports:
+
+```tsx
+const NotificationsPage = lazy(() => import("./features/notifications/NotificationsPage"));
+```
+
+and in the `AppShell` children array, beside the `tasks` route:
+
+```tsx
+ { path: "notifications", element: