loader roleout on backoffice

apps/backoffice/src/app/features/configuration/pages/ConfigurationPage/index.tsx

@@ -30,6 +30,7 @@ import {
   AdvancedTable,
   useServerTable,
   ModalFooter,
+  PageLoader,
 } from "@ema-platform/ui";
 import { LocationPage } from "../../../location/pages/LocationPage";
 import { CertificationPage } from "../../../certification/pages/CertificationPage";
@@ -292,11 +293,7 @@ function ProfessionTab() {
   ];
 
   if (isLoading) {
-    return (
-      <Center py="xl">
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Configuration…" height={400} />;
   }
 
   if (isError) {

apps/backoffice/src/app/features/location/components/LocationTree.tsx

@@ -23,6 +23,7 @@ import { useGetLocationsQuery } from '../api/location-api';
 import type { Location } from '../types/location';
 import { useTranslation } from 'react-i18next';
 import { useLocalized } from '@ema-platform/api';
+import { PageLoader } from '@ema-platform/ui';
 
 interface LocationTreeProps {
   selectedId: string | null;
@@ -207,11 +208,7 @@ export function LocationTree({
   );
 
   if (isLoading) {
-    return (
-      <Center py="xl">
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Locations…" height={300} />;
   }
 
   return (

apps/backoffice/src/app/features/location/pages/LocationPage.tsx

@@ -17,7 +17,7 @@ import {
 import { useDisclosure } from '@mantine/hooks';
 import { IconSettings, IconMap, IconInfoCircle, IconPlus } from '@tabler/icons-react';
 import { useTranslation } from 'react-i18next';
-import { notify, useErrorHandler, ModalFooter } from '@ema-platform/ui';
+import { notify, useErrorHandler, ModalFooter, PageLoader } from '@ema-platform/ui';
 import { LocationTree } from '../components/LocationTree';
 import { LocationDetail } from '../components/LocationDetail';
 import { LocationForm } from '../components/LocationForm';
@@ -103,11 +103,7 @@ export function LocationPage() {
   }, [selectedLocation, deleteLocation, closeDeleteModal, handleError]);
 
   if (typesLoading) {
-    return (
-      <Center py="xl">
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Location Types…" height={400} />;
   }
 
   return (

apps/backoffice/src/app/features/logistics-head/pages/LogisticsHeadDashboardPage/index.tsx

@@ -13,7 +13,7 @@ import {
   Title,
 } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
-import { AdvancedTable, useServerTable } from '@ema-platform/ui';
+import { AdvancedTable, useServerTable, PageLoader } from '@ema-platform/ui';
 import {
   STATUS_COLORS,
   STATUS_LABELS,
@@ -37,11 +37,7 @@ export function LogisticsHeadDashboardPage() {
   const table = useServerTable();
 
   if (queue.isLoading || mine.isLoading) {
-    return (
-      <Center h={300}>
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Dashboard…" height={400} />;
   }
 
   const unclaimed = queue.data?.items ?? [];

apps/backoffice/src/app/features/payment-config/pages/PaymentConfigPage/index.tsx

@@ -30,6 +30,7 @@ import {
   AdvancedTable,
   useServerTable,
   type AdvancedColumn,
+  PageLoader,
 } from '@ema-platform/ui';
 import {
   extractErrorMessage,
@@ -63,11 +64,7 @@ export function PaymentConfigPage() {
   const { setPageIndex, pageSize, setPageSize, paginate } = useServerTable();
 
   if (isLoading) {
-    return (
-      <Center h={300}>
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Payment Configuration…" height={400} />;
   }
 
   if (error) {

apps/backoffice/src/app/features/result/pages/ExamAppealsPage/index.tsx

@@ -15,7 +15,7 @@ import {
   Title,
 } from '@mantine/core';
 import { IconInfoCircle } from '@tabler/icons-react';
-import { AdvancedTable, notify, useServerTable } from '@ema-platform/ui';
+import { AdvancedTable, notify, useServerTable, PageLoader } from '@ema-platform/ui';
 import { useDateDisplayer } from '@ema-platform/shared';
 import { extractErrorMessage } from '@ema-platform/api';
 import {
@@ -61,11 +61,7 @@ export function ExamAppealsPage() {
   };
 
   if (isLoading) {
-    return (
-      <Center py="xl">
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Exam Appeals…" height={400} />;
   }
   if (isError) {
     return (