loader roleout on backoffice

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 (