feat(05-01): update chart Bar radius to 0 and remove rounded-full legend dot

- SpendBarChart: set radius={0} on both Bar elements (was radius={4})
- IncomeBarChart: set radius={0} on both Bar elements (was radius={[4,4,0,0]})
- ExpenseDonutChart: remove rounded-full from legend color dot className

src/components/dashboard/charts/ExpenseDonutChart.tsx

@@ -138,7 +138,7 @@ export function ExpenseDonutChart({
               className="flex items-center gap-2 text-sm"
             >
               <span
-                className="inline-block size-3 shrink-0 rounded-full"
+                className="inline-block size-3 shrink-0"
                 style={{
                   backgroundColor: `var(--color-${entry.type}-fill)`,
                 }}

src/components/dashboard/charts/IncomeBarChart.tsx

@@ -54,9 +54,9 @@ export function IncomeBarChart({
         <Bar
           dataKey="budgeted"
           fill="var(--color-budgeted)"
-          radius={[4, 4, 0, 0]}
+          radius={0}
         />
-        <Bar dataKey="actual" radius={[4, 4, 0, 0]}>
+        <Bar dataKey="actual" radius={0}>
           {data.map((entry, index) => (
             <Cell
               key={index}

src/components/dashboard/charts/SpendBarChart.tsx

@@ -64,9 +64,9 @@ export function SpendBarChart({
         <Bar
           dataKey="budgeted"
           fill="var(--color-budgeted)"
-          radius={4}
+          radius={0}
         />
-        <Bar dataKey="actual" radius={4}>
+        <Bar dataKey="actual" radius={0}>
           {data.map((entry, index) => (
             <Cell
               key={index}