refactor: standardize code formatting and improve readability across multiple components, including transaction handling and sidebar layout adjustments

app/rules/page.tsx

@@ -42,7 +42,7 @@ export default function RulesPage() {
       offset: 0,
       includeUncategorized: true,
     },
-    !!metadata
+    !!metadata,
   );
 
   const refresh = useCallback(() => {
@@ -56,7 +56,7 @@ export default function RulesPage() {
   const [filterMinCount, setFilterMinCount] = useState(2);
   const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());
   const [selectedGroup, setSelectedGroup] = useState<TransactionGroup | null>(
-    null
+    null,
   );
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [isAutoCategorizing, setIsAutoCategorizing] = useState(false);
@@ -87,7 +87,7 @@ export default function RulesPage() {
           totalAmount: transactions.reduce((sum, t) => sum + t.amount, 0),
           suggestedKeyword: suggestKeyword(descriptions),
         };
-      }
+      },
     );
 
     // Filter by search query
@@ -98,7 +98,7 @@ export default function RulesPage() {
         (g) =>
           g.displayName.toLowerCase().includes(query) ||
           g.key.includes(query) ||
-          g.suggestedKeyword.toLowerCase().includes(query)
+          g.suggestedKeyword.toLowerCase().includes(query),
       );
     }
 
@@ -167,7 +167,7 @@ export default function RulesPage() {
 
       // 1. Add keyword to category
       const category = metadata.categories.find(
-        (c: { id: string }) => c.id === ruleData.categoryId
+        (c: { id: string }) => c.id === ruleData.categoryId,
       );
       if (!category) {
         throw new Error("Category not found");
@@ -175,7 +175,7 @@ export default function RulesPage() {
 
       // Check if keyword already exists
       const keywordExists = category.keywords.some(
-        (k: string) => k.toLowerCase() === ruleData.keyword.toLowerCase()
+        (k: string) => k.toLowerCase() === ruleData.keyword.toLowerCase(),
       );
 
       if (!keywordExists) {
@@ -193,14 +193,14 @@ export default function RulesPage() {
               method: "PUT",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({ id, categoryId: ruleData.categoryId }),
-            })
-          )
+            }),
+          ),
         );
       }
 
       refresh();
     },
-    [metadata, refresh]
+    [metadata, refresh],
   );
 
   const handleAutoCategorize = useCallback(async () => {
@@ -214,7 +214,7 @@ export default function RulesPage() {
       for (const transaction of uncategorized) {
         const categoryId = autoCategorize(
           transaction.description + " " + (transaction.memo || ""),
-          metadata.categories
+          metadata.categories,
         );
         if (categoryId) {
           await fetch("/api/banking/transactions", {
@@ -228,7 +228,7 @@ export default function RulesPage() {
 
       refresh();
       alert(
-        `${categorizedCount} transaction(s) catégorisée(s) automatiquement`
+        `${categorizedCount} transaction(s) catégorisée(s) automatiquement`,
       );
     } catch (error) {
       console.error("Error auto-categorizing:", error);
@@ -247,8 +247,8 @@ export default function RulesPage() {
               method: "PUT",
               headers: { "Content-Type": "application/json" },
               body: JSON.stringify({ ...t, categoryId }),
-            })
-          )
+            }),
+          ),
         );
         refresh();
       } catch (error) {
@@ -256,7 +256,7 @@ export default function RulesPage() {
         alert("Erreur lors de la catégorisation");
       }
     },
-    [refresh]
+    [refresh],
   );
 
   if (