Add bank synchronization features with FinTS support and update dependencies

src/pages/ImportPage.tsx

@@ -1,10 +1,13 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { CsvImportWizard } from "@/components/import/CsvImportWizard";
 import { ComdirectSyncPanel } from "@/components/import/ComdirectSyncPanel";
+import { TanAwaitDialog } from "@/components/import/TanAwaitDialog";
 
 export function ImportPage() {
   return (
-    <Tabs defaultValue="csv">
+    <>
+      <TanAwaitDialog />
+      <Tabs defaultValue="csv">
       <TabsList>
         <TabsTrigger value="csv">CSV-Import</TabsTrigger>
         <TabsTrigger value="comdirect">comdirect-Sync</TabsTrigger>
@@ -16,5 +19,6 @@ export function ImportPage() {
         <ComdirectSyncPanel />
       </TabsContent>
     </Tabs>
+    </>
   );
 }

src/pages/SettingsPage.tsx

@@ -9,6 +9,7 @@ import { Switch } from "@/components/ui/switch";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Separator } from "@/components/ui/separator";
 import { toast } from "sonner";
+import { BankConfigForm } from "@/components/import/BankConfigForm";
 
 export function SettingsPage() {
   const settings = useQuery(api.settings.get);
@@ -50,6 +51,8 @@ export function SettingsPage() {
 
   return (
     <div className="mx-auto max-w-3xl space-y-6">
+      <BankConfigForm />
+
       <Card>
         <CardHeader>
           <CardTitle>Konten</CardTitle>