feat: implement backup management features and export functionality

Author: biggora

apps/nextjs/src/app/[locale]/manage/tools/backups/_components/create-backup-button.tsx

@@ -13,7 +13,7 @@ export const CreateBackupButton = () => {
   const { openModal } = useModalAction(CreateBackupModal);
 
   return (
-    <Button leftSection={<IconPlus size={16} />} onClick={() => openModal()}>
+    <Button leftSection={<IconPlus size={16} />} onClick={() => openModal({})}>
       {tBackup("action.create.label")}
     </Button>
   );

apps/nextjs/src/app/[locale]/manage/tools/backups/_components/create-backup-modal.tsx

@@ -6,7 +6,7 @@ import { createModal } from "@homarr/modals";
 import { showErrorNotification, showSuccessNotification } from "@homarr/notifications";
 import { useI18n, useScopedI18n } from "@homarr/translation/client";
 
-export const CreateBackupModal = createModal<void>(({ actions }) => {
+export const CreateBackupModal = createModal(({ actions }) => {
   const t = useI18n();
   const tBackup = useScopedI18n("backup");
 

apps/nextjs/src/app/[locale]/manage/tools/backups/_components/restore-backup-button.tsx

@@ -13,7 +13,7 @@ export const RestoreBackupButton = () => {
   const { openModal } = useModalAction(RestoreBackupModal);
 
   return (
-    <Button variant="default" leftSection={<IconDatabaseImport size={16} stroke={1.5} />} onClick={() => openModal()}>
+    <Button variant="default" leftSection={<IconDatabaseImport size={16} stroke={1.5} />} onClick={() => openModal({})}>
       {tBackup("action.restore.label")}
     </Button>
   );

apps/nextjs/src/app/[locale]/manage/tools/backups/_components/restore-backup-modal.tsx

@@ -13,7 +13,7 @@ import { BackupValidationSummary } from "./backup-validation-summary";
 
 type RestoreMode = "full" | "merge";
 
-export const RestoreBackupModal = createModal<void>(({ actions }) => {
+export const RestoreBackupModal = createModal(({ actions }) => {
   const t = useI18n();
   const tBackup = useScopedI18n("backup");
   const [step, setStep] = useState(0);