fix: correct import statements for api in backup JSX files

- Change default import to named import for api from config/api.ts
- Fixes build error: 'default' is not exported by src/config/api.ts
- Affected files: BackupHistory.jsx, RestoreWizard.jsx, BackupManagement.jsx

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/admin/BackupHistory.jsx

@@ -23,7 +23,7 @@ import { format, formatDistanceToNow } from 'date-fns';
 import { toast } from 'react-toastify';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { Button, Card, Input, Loading } from '../common';
-import api from '../../config/api';
+import { api } from '../../config/api';
 
 const statusIcons = {
   completed: { icon: CheckCircle, color: 'text-green-500' },

frontend/src/components/admin/RestoreWizard.jsx

@@ -26,7 +26,7 @@ import { format } from 'date-fns';
 import { toast } from 'react-toastify';
 import { useQuery, useMutation } from '@tanstack/react-query';
 import { Button, Card, Input, Loading } from '../common';
-import api from '../../config/api';
+import { api } from '../../config/api';
 
 const steps = [
   { id: 'source', title: 'Select Source' },

frontend/src/pages/admin/BackupManagement.jsx

@@ -31,7 +31,7 @@ import { BackupDashboard } from '../../components/admin/BackupDashboard';
 import { BackupConfiguration } from '../../components/admin/BackupConfiguration';
 import { BackupHistory } from '../../components/admin/BackupHistory';
 import { RestoreWizard } from '../../components/admin/RestoreWizard';
-import api from '../../config/api';
+import { api } from '../../config/api';
 
 // Tab components
 const tabs = [