feat: enhance backup functionality with attachment options

- Added support for including attachments in backup exports.
- Updated backup-related interfaces and functions to handle attachment options.
- Introduced a new UI component for selecting attachment inclusion during backup operations.
- Modified existing components to integrate the new attachment functionality.
- Improved user feedback and error handling during backup processes.

webapp/src/components/backup-center/BackupOperationsSidebar.tsx

@@ -2,16 +2,19 @@ import { Download, FileUp } from 'lucide-preact';
 import type { RecommendedProvider } from '@/lib/backup-recommendations';
 import { hasLinkedStorages } from '@/lib/backup-recommendations';
 import { t } from '@/lib/i18n';
+import { BackupIncludeAttachmentsField } from './BackupIncludeAttachmentsField';
 
 interface BackupOperationsSidebarProps {
   disableWhileBusy: boolean;
   exporting: boolean;
   importing: boolean;
+  exportIncludeAttachments: boolean;
   selectedProviderId: string | null;
   recommendedWebDavProviders: RecommendedProvider[];
   recommendedS3Providers: RecommendedProvider[];
   onExport: () => void;
   onImport: () => void;
+  onExportIncludeAttachmentsChange: (checked: boolean) => void;
   onSelectProvider: (providerId: string) => void;
 }
 
@@ -26,6 +29,12 @@ export function BackupOperationsSidebar(props: BackupOperationsSidebarProps) {
           <Download size={14} className="btn-icon" />
           {props.exporting ? t('txt_backup_exporting') : t('txt_backup_export')}
         </button>
+        <BackupIncludeAttachmentsField
+          checked={props.exportIncludeAttachments}
+          disabled={props.disableWhileBusy}
+          showHelp={false}
+          onChange={props.onExportIncludeAttachmentsChange}
+        />
         <button type="button" className="btn btn-secondary" disabled={props.disableWhileBusy} onClick={props.onImport}>
           <FileUp size={14} className="btn-icon" />
           {props.importing ? t('txt_backup_restoring') : t('txt_backup_import')}