loader rollout

apps/portal/src/app/features/notifications/pages/NotificationsPage.tsx

@@ -21,6 +21,7 @@ import {
   useMarkNotificationReadMutation,
 } from '@ema-platform/api';
 import { useDateDisplayer } from '@ema-platform/shared';
+import { PageLoader } from '@ema-platform/ui';
 
 type Tab = 'all' | 'unseen' | 'seen';
 
@@ -75,9 +76,7 @@ export function NotificationsPage() {
       />
 
       {isLoading ? (
-        <Center h={300}>
-          <Loader />
-        </Center>
+        <PageLoader label="Loading Notifications…" height={350} />
       ) : items.length === 0 ? (
         <Card withBorder padding="xl">
           <Stack align="center" gap="xs">