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/BackupDestinationDetail.tsx

@@ -9,6 +9,7 @@ import { COMMON_TIME_ZONES, WEEKDAY_OPTIONS, getDestinationTypeLabel } from '@/l
 import type { RecommendedProvider } from '@/lib/backup-recommendations';
 import { RemoteBackupBrowser } from './RemoteBackupBrowser';
 import { t } from '@/lib/i18n';
+import { BackupIncludeAttachmentsField } from './BackupIncludeAttachmentsField';
 
 interface BackupDestinationDetailProps {
   selectedRecommendedProvider: RecommendedProvider | null;
@@ -287,6 +288,15 @@ export function BackupDestinationDetail(props: BackupDestinationDetailProps) {
             </label>
           </div>
 
+          <BackupIncludeAttachmentsField
+            checked={props.selectedDestination.includeAttachments}
+            disabled={props.loadingSettings || props.disableWhileBusy}
+            onChange={(checked) => props.onUpdateDestination((destination) => ({
+              ...destination,
+              includeAttachments: checked,
+            }))}
+          />
+
           {props.selectedDestination.schedule.frequency === 'weekly' ? (
             <div className="field-grid backup-detail-schedule-extra-grid">
               <label className="field">