fix: standardize formatting and improve readability across various components and styles, including CSS and TypeScript files

app/statistics/page.tsx

@@ -62,10 +62,10 @@ export default function StatisticsPage() {
   const [excludeInternalTransfers, setExcludeInternalTransfers] =
     useState(true);
   const [customStartDate, setCustomStartDate] = useState<Date | undefined>(
-    undefined
+    undefined,
   );
   const [customEndDate, setCustomEndDate] = useState<Date | undefined>(
-    undefined
+    undefined,
   );
   const [isCustomDatePickerOpen, setIsCustomDatePickerOpen] = useState(false);
 
@@ -100,7 +100,7 @@ export default function StatisticsPage() {
   const internalTransferCategory = useMemo(() => {
     if (!data) return null;
     return data.categories.find(
-      (c) => c.name.toLowerCase() === "virement interne"
+      (c) => c.name.toLowerCase() === "virement interne",
     );
   }, [data]);
 
@@ -216,7 +216,7 @@ export default function StatisticsPage() {
     // Filter by accounts
     if (!selectedAccounts.includes("all")) {
       transactions = transactions.filter((t) =>
-        selectedAccounts.includes(t.accountId)
+        selectedAccounts.includes(t.accountId),
       );
     }
 
@@ -226,7 +226,7 @@ export default function StatisticsPage() {
         transactions = transactions.filter((t) => !t.categoryId);
       } else {
         transactions = transactions.filter(
-          (t) => t.categoryId && selectedCategories.includes(t.categoryId)
+          (t) => t.categoryId && selectedCategories.includes(t.categoryId),
         );
       }
     }
@@ -234,7 +234,7 @@ export default function StatisticsPage() {
     // Exclude "Virement interne" category if checkbox is checked
     if (excludeInternalTransfers && internalTransferCategory) {
       transactions = transactions.filter(
-        (t) => t.categoryId !== internalTransferCategory.id
+        (t) => t.categoryId !== internalTransferCategory.id,
       );
     }
 
@@ -306,7 +306,7 @@ export default function StatisticsPage() {
       });
 
     const categoryChartDataByParent = Array.from(
-      categoryTotalsByParent.entries()
+      categoryTotalsByParent.entries(),
     )
       .map(([groupId, total]) => {
         const category = data.categories.find((c) => c.id === groupId);
@@ -321,7 +321,7 @@ export default function StatisticsPage() {
 
     // Top expenses - deduplicate by ID and sort by amount (most negative first)
     const uniqueTransactions = Array.from(
-      new Map(transactions.map((t) => [t.id, t])).values()
+      new Map(transactions.map((t) => [t.id, t])).values(),
     );
     const topExpenses = uniqueTransactions
       .filter((t) => t.amount < 0)
@@ -347,7 +347,7 @@ export default function StatisticsPage() {
 
     // Balance evolution - Aggregated (using filtered transactions)
     const sortedFilteredTransactions = [...transactions].sort(
-      (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+      (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime(),
     );
 
     // Calculate starting balance: initialBalance + transactions before startDate
@@ -359,7 +359,7 @@ export default function StatisticsPage() {
     // Start with initial balances
     runningBalance = accountsToUse.reduce(
       (sum, acc) => sum + (acc.initialBalance || 0),
-      0
+      0,
     );
 
     // Add all transactions before the start date for these accounts
@@ -396,7 +396,7 @@ export default function StatisticsPage() {
     });
 
     const aggregatedBalanceData = Array.from(
-      aggregatedBalanceByDate.entries()
+      aggregatedBalanceByDate.entries(),
     ).map(([date, balance]) => ({
       date: new Date(date).toLocaleDateString("fr-FR", {
         day: "2-digit",
@@ -853,7 +853,7 @@ export default function StatisticsPage() {
             onRemoveAccount={(id) => {
               const newAccounts = selectedAccounts.filter((a) => a !== id);
               setSelectedAccounts(
-                newAccounts.length > 0 ? newAccounts : ["all"]
+                newAccounts.length > 0 ? newAccounts : ["all"],
               );
             }}
             onClearAccounts={() => setSelectedAccounts(["all"])}
@@ -861,7 +861,7 @@ export default function StatisticsPage() {
             onRemoveCategory={(id) => {
               const newCategories = selectedCategories.filter((c) => c !== id);
               setSelectedCategories(
-                newCategories.length > 0 ? newCategories : ["all"]
+                newCategories.length > 0 ? newCategories : ["all"],
               );
             }}
             onClearCategories={() => setSelectedCategories(["all"])}
@@ -1043,17 +1043,17 @@ export default function StatisticsPage() {
               onRemoveAccount={(id) => {
                 const newAccounts = selectedAccounts.filter((a) => a !== id);
                 setSelectedAccounts(
-                  newAccounts.length > 0 ? newAccounts : ["all"]
+                  newAccounts.length > 0 ? newAccounts : ["all"],
                 );
               }}
               onClearAccounts={() => setSelectedAccounts(["all"])}
               selectedCategories={selectedCategories}
               onRemoveCategory={(id) => {
                 const newCategories = selectedCategories.filter(
-                  (c) => c !== id
+                  (c) => c !== id,
                 );
                 setSelectedCategories(
-                  newCategories.length > 0 ? newCategories : ["all"]
+                  newCategories.length > 0 ? newCategories : ["all"],
                 );
               }}
               onClearCategories={() => setSelectedCategories(["all"])}
@@ -1203,7 +1203,7 @@ function ActiveFilters({
 
   const selectedAccs = accounts.filter((a) => selectedAccounts.includes(a.id));
   const selectedCats = categories.filter((c) =>
-    selectedCategories.includes(c.id)
+    selectedCategories.includes(c.id),
   );
   const isUncategorized = selectedCategories.includes("uncategorized");