feat: enhance card components across the application with consistent hover effects and improved layout; update spacing in categories page for better visual hierarchy

components/statistics/monthly-chart.tsx

@@ -127,7 +127,7 @@ export function MonthlyChart({
 
   if (!collapsible) {
     return (
-      <Card>
+      <Card className="card-hover">
         <CardHeader>
           <CardTitle>Revenus vs Dépenses par mois</CardTitle>
         </CardHeader>
@@ -137,7 +137,7 @@ export function MonthlyChart({
   }
 
   return (
-    <Card>
+    <Card className="card-hover">
       <Collapsible open={isExpanded} onOpenChange={setIsExpanded}>
         <CardHeader className="flex flex-row items-center justify-between space-y-0 py-3 px-6">
           <CardTitle className="text-base font-semibold">