feat: replace Paper with Modal in CertificationPage, ConfigurationPage, ExamPage, and QuestionPage for consistent UI

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

@@ -11,7 +11,6 @@ import {
   Text,
   TextInput,
   Textarea,
-  Paper,
   Card,
   Alert,
   Select,
@@ -132,7 +131,7 @@ function ExamForm({
   };
 
   return (
-    <Paper p="md" withBorder mb="md" radius="md">
+    <Modal opened onClose={onCancel} title={editing ? t("exam.update") : t("exam.add")} size="xl">
       <form onSubmit={handleSubmit}>
         <Tabs defaultValue="basic" variant="outline" radius="md">
           <Tabs.List mb="md">
@@ -333,16 +332,16 @@ function ExamForm({
           </Tabs.Panel>
         </Tabs>
 
-        <Group justify="flex-end" mt="md">
+        <ModalFooter mt="md">
           <Button variant="default" onClick={onCancel} size="sm">
             {t("exam.cancel")}
           </Button>
           <Button type="submit" size="sm" loading={isSubmitting}>
             {editing ? t("exam.update") : t("exam.create")}
           </Button>
-        </Group>
+        </ModalFooter>
       </form>
-    </Paper>
+    </Modal>
   );
 }