feat: add BackupCard component and corresponding Backup model to enhance settings functionality and data management

app/settings/page.tsx

@@ -2,7 +2,12 @@
 
 import { useState } from "react";
 import { PageLayout, LoadingState, PageHeader } from "@/components/layout";
-import { DataCard, DangerZoneCard, OFXInfoCard } from "@/components/settings";
+import {
+  DataCard,
+  DangerZoneCard,
+  OFXInfoCard,
+  BackupCard,
+} from "@/components/settings";
 import { useBankingData } from "@/lib/hooks";
 import type { BankingData } from "@/lib/types";
 
@@ -100,6 +105,8 @@ export default function SettingsPage() {
           onImport={importData}
         />
 
+        <BackupCard />
+
         <DangerZoneCard
           categorizedCount={categorizedCount}
           onClearCategories={clearAllCategories}