Merge pull request 'fix: remove internal pie chart title for dashboard consistency (#17)' (#20) from fix/simpl-resultat-17-remove-piechart-title into main

src/components/dashboard/CategoryPieChart.tsx

@@ -37,7 +37,6 @@ export default function CategoryPieChart({
   if (data.length === 0) {
     return (
       <div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]">
-        <h2 className="text-lg font-semibold mb-4">{t("dashboard.expensesByCategory")}</h2>
         <p className="text-center text-[var(--muted-foreground)] py-8">{t("dashboard.noData")}</p>
       </div>
     );
@@ -45,8 +44,6 @@ export default function CategoryPieChart({
 
   return (
     <div className="bg-[var(--card)] rounded-xl p-6 border border-[var(--border)]">
-      <h2 className="text-lg font-semibold mb-4">{t("dashboard.expensesByCategory")}</h2>
-
       {hiddenCategories.size > 0 && (
         <div className="flex flex-wrap items-center gap-2 mb-3">
           <span className="text-xs text-[var(--muted-foreground)]">{t("charts.hiddenCategories")}:</span>

src/pages/DashboardPage.tsx

@@ -127,13 +127,16 @@ export default function DashboardPage() {
       </div>
 
       <div className="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-6">
-        <CategoryPieChart
-          data={categoryBreakdown}
-          hiddenCategories={hiddenCategories}
-          onToggleHidden={toggleHidden}
-          onShowAll={showAll}
-          onViewDetails={viewDetails}
-        />
+        <div>
+          <h2 className="text-lg font-semibold mb-3">{t("dashboard.expensesByCategory")}</h2>
+          <CategoryPieChart
+            data={categoryBreakdown}
+            hiddenCategories={hiddenCategories}
+            onToggleHidden={toggleHidden}
+            onShowAll={showAll}
+            onViewDetails={viewDetails}
+          />
+        </div>
         <div>
           <h2 className="text-lg font-semibold mb-3">{t("dashboard.budgetVsActual")}</h2>
           <BudgetVsActualTable data={budgetVsActual} />