Format all monetary amounts as 1'000-separated integers and round amount inputs to nearest 1'000

src/components/Dashboard.tsx

@@ -4,6 +4,7 @@ import { useMemo, useState } from "react";
 import { Bar, BarChart, CartesianGrid, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 import { WealthChart, type TimelineSeries } from "@/components/WealthChart";
 import { api } from "@/lib/api-client";
+import { formatChf } from "@/lib/format";
 import type { PlanComputed } from "@/lib/calculations";
 import type { PlanInput } from "@/lib/types";
 
@@ -120,11 +121,7 @@ export function Dashboard({
                 tick={{ fontSize: 11 }}
                 tickFormatter={(v) => Intl.NumberFormat("de-CH", { notation: "compact" }).format(v)}
               />
-              <Tooltip
-                formatter={(v) =>
-                  typeof v === "number" ? v.toLocaleString("de-CH", { maximumFractionDigits: 0 }) : v
-                }
-              />
+              <Tooltip formatter={(v) => (typeof v === "number" ? formatChf(v) : v)} />
               <Legend wrapperStyle={{ fontSize: 12 }} />
               {barKeys.map((key, i) => (
                 <Bar key={key} dataKey={key} stackId="a" fill={PALETTE[i % PALETTE.length]} />
@@ -144,7 +141,7 @@ function StatCard({ label, value, help }: { label: string; value: number; help?:
         {label}
       </div>
       <div className="mt-1 text-xl font-semibold text-zinc-900 dark:text-zinc-50">
-        {value.toLocaleString("de-CH", { maximumFractionDigits: 0 })} CHF
+        {formatChf(value)} CHF
       </div>
     </div>
   );