feat: enhance backup and download functionalities

- Updated `BackupCenterPage` to support download progress tracking during remote backup downloads.
- Modified `ImportPage` to simplify export functionality by removing unnecessary payload handling.
- Improved `JwtWarningPage` to utilize a new clipboard utility for copying text with feedback.
- Enhanced `PublicSendPage` to show download progress for files being downloaded.
- Updated `RecoverTwoFactorPage` to include autocomplete attributes for better user experience.
- Refactored `SendsPage` to use the new clipboard utility for copying access URLs.
- Enhanced `SettingsPage` to utilize the clipboard utility for copying sensitive information.
- Improved `TotpCodesPage` to use the clipboard utility for copying TOTP codes.
- Updated `VaultPage` and related components to support download progress for attachments.
- Introduced a new `app-notify` module for consistent notification handling across the application.
- Created a `clipboard` utility for improved clipboard interactions with user feedback.
- Added progress tracking for file downloads in the API layer, enhancing user experience during downloads.

webapp/src/components/BackupCenterPage.tsx

@@ -35,7 +35,7 @@ interface BackupCenterPageProps {
   onSaveSettings: (settings: AdminBackupSettings) => Promise<AdminBackupSettings>;
   onRunRemoteBackup: (destinationId?: string | null) => Promise<AdminBackupRunResponse>;
   onListRemoteBackups: (destinationId: string, path: string) => Promise<RemoteBackupBrowserResponse>;
-  onDownloadRemoteBackup: (destinationId: string, path: string) => Promise<void>;
+  onDownloadRemoteBackup: (destinationId: string, path: string, onProgress?: (percent: number | null) => void) => Promise<void>;
   onDeleteRemoteBackup: (destinationId: string, path: string) => Promise<void>;
   onRestoreRemoteBackup: (destinationId: string, path: string, replaceExisting?: boolean) => Promise<void>;
   onNotify: (type: 'success' | 'error', text: string) => void;
@@ -54,6 +54,7 @@ export default function BackupCenterPage(props: BackupCenterPageProps) {
   const [runningRemoteBackup, setRunningRemoteBackup] = useState(false);
   const [loadingRemoteBrowser, setLoadingRemoteBrowser] = useState(false);
   const [downloadingRemotePath, setDownloadingRemotePath] = useState('');
+  const [downloadingRemotePercent, setDownloadingRemotePercent] = useState<number | null>(null);
   const [restoringRemotePath, setRestoringRemotePath] = useState('');
   const [deletingRemotePath, setDeletingRemotePath] = useState('');
   const [localError, setLocalError] = useState('');
@@ -367,15 +368,17 @@ export default function BackupCenterPage(props: BackupCenterPageProps) {
   async function handleDownloadRemote(path: string) {
     if (!savedSelectedDestination) return;
     setDownloadingRemotePath(path);
+    setDownloadingRemotePercent(null);
     setLocalError('');
     try {
-      await props.onDownloadRemoteBackup(savedSelectedDestination.id, path);
+      await props.onDownloadRemoteBackup(savedSelectedDestination.id, path, setDownloadingRemotePercent);
     } catch (error) {
       const message = error instanceof Error ? error.message : t('txt_backup_remote_download_failed');
       setLocalError(message);
       props.onNotify('error', message);
     } finally {
       setDownloadingRemotePath('');
+      setDownloadingRemotePercent(null);
     }
   }
 
@@ -479,6 +482,7 @@ export default function BackupCenterPage(props: BackupCenterPageProps) {
         remoteBrowserTotalPages={remoteBrowserTotalPages}
         loadingRemoteBrowser={loadingRemoteBrowser}
         downloadingRemotePath={downloadingRemotePath}
+        downloadingRemotePercent={downloadingRemotePercent}
         restoringRemotePath={restoringRemotePath}
         deletingRemotePath={deletingRemotePath}
         onSaveSettings={() => void handleSaveSettings()}