feat: implement ModalFooter component for consistent modal action layout

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

@@ -33,6 +33,7 @@ import {
   useErrorHandler,
   AdvancedTable,
   useServerTable,
+  ModalFooter,
   type AdvancedColumn,
 } from "@ema-platform/ui";
 import { LocationPage } from "../../location/pages/LocationPage";
@@ -388,14 +389,14 @@ function ProfessionTab() {
             name: deleteTarget?.name?.[locale] ?? "",
           })}
         </Text>
-        <Group justify="flex-end">
+        <ModalFooter>
           <Button variant="default" onClick={closeDelete} size="sm">
             {t("configuration.cancel")}
           </Button>
           <Button color="red" onClick={confirmDeleteProf} size="sm">
             {t("configuration.delete")}
           </Button>
-        </Group>
+        </ModalFooter>
       </Modal>
     </>
   );