applying loader on pages

apps/backoffice/src/app/features/exam/pages/ExamDetailPage.tsx

@@ -54,6 +54,7 @@ import { QuestionAssigner } from '../components/QuestionAssigner';
 import { RecordResultModal } from '../../result/components/RecordResultModal';
 import { ExamCandidatesPanel } from '../components/ExamCandidatesPanel';
 import { ExamIncidentsPanel } from '../components/ExamIncidentsPanel';
+import { PageLoader } from '@ema-platform/ui';
 import type { ExamStatus, QuestionBrief } from '../types/exam';
 
 const STATUS_COLOR: Record<string, string> = {
@@ -129,11 +130,7 @@ export function ExamDetailPage() {
   }, [allQuestions, exam?.certificationId, exam?.form]);
 
   if (isLoading)
-    return (
-      <Center py="xl">
-        <Loader />
-      </Center>
-    );
+    return <PageLoader label="Loading Exam Details…" height={400} />;
   if (isError || !exam) {
     return (
       <Stack gap="md">