feat: add system info and backup functionalities to settings page

- Integrated system info fetching in `SettingsPage` for improved user insights.
- Enhanced `SettingsIndexPageClient` with manual backup creation and Jira connection testing features.
- Added loading states and auto-dismiss messages for user feedback during actions.
- Updated UI to display system info and backup statistics dynamically.

src/actions/system-info.ts

@@ -0,0 +1,16 @@
+'use server';
+
+import { SystemInfoService } from '@/services/system-info';
+
+export async function getSystemInfo() {
+  try {
+    const systemInfo = await SystemInfoService.getSystemInfo();
+    return { success: true, data: systemInfo };
+  } catch (error) {
+    console.error('Error getting system info:', error);
+    return { 
+      success: false, 
+      error: error instanceof Error ? error.message : 'Failed to get system info' 
+    };
+  }
+}

src/app/settings/page.tsx

@@ -1,12 +1,21 @@
 import { userPreferencesService } from '@/services/user-preferences';
+import { SystemInfoService } from '@/services/system-info';
 import { SettingsIndexPageClient } from '@/components/settings/SettingsIndexPageClient';
 
 // Force dynamic rendering (no static generation)
 export const dynamic = 'force-dynamic';
 
 export default async function SettingsPage() {
-  // Fetch basic data for the index page
-  const preferences = await userPreferencesService.getAllPreferences();
+  // Fetch data in parallel for better performance
+  const [preferences, systemInfo] = await Promise.all([
+    userPreferencesService.getAllPreferences(),
+    SystemInfoService.getSystemInfo()
+  ]);
   
-  return <SettingsIndexPageClient initialPreferences={preferences} />;
+  return (
+    <SettingsIndexPageClient 
+      initialPreferences={preferences} 
+      initialSystemInfo={systemInfo}
+    />
+  );
 }