Fix expense chart rendering

The expense chart was not rendering correctly, with the left side of the pie chart being cut off. This commit adjusts the chart's responsive container to ensure the entire chart is visible.

src/components/ExpenseChart.tsx

@@ -17,7 +17,7 @@ const ExpenseChart: React.FC<ExpenseChartProps> = ({ data }) => {
   return (
     <div className="neuro-card h-64 desktop-card">
       <ResponsiveContainer width="100%" height="100%">
-        <PieChart>
+        <PieChart margin={{ left: 20, right: 20, top: 10, bottom: 10 }}>
           <Pie
             data={data}
             cx="50%"