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/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}
+    />
+  );
 }