loader roleout on backoffice

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) {