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

components/accounts/account-bulk-actions.tsx

@@ -16,38 +16,31 @@ export function AccountBulkActions({
   onDelete,
 }: AccountBulkActionsProps) {
   const isMobile = useIsMobile();
-  
+
   if (selectedCount === 0) return null;
 
   return (
     <Card className="bg-destructive/5 border-destructive/20 sticky top-0 z-10 mb-4">
-      <CardContent className={cn(
-        "py-3",
-        isMobile && "px-3"
-      )}>
-        <div className={cn(
-          "flex items-center gap-2 sm:gap-4",
-          isMobile && "flex-col sm:flex-row"
-        )}>
-          <span className={cn(
-            "font-medium",
-            isMobile ? "text-xs" : "text-sm"
-          )}>
+      <CardContent className={cn("py-3", isMobile && "px-3")}>
+        <div
+          className={cn(
+            "flex items-center gap-2 sm:gap-4",
+            isMobile && "flex-col sm:flex-row",
+          )}
+        >
+          <span className={cn("font-medium", isMobile ? "text-xs" : "text-sm")}>
             {selectedCount} compte{selectedCount > 1 ? "s" : ""} sélectionné
             {selectedCount > 1 ? "s" : ""}
           </span>
-          <Button 
-            size={isMobile ? "sm" : "sm"} 
-            variant="destructive" 
+          <Button
+            size={isMobile ? "sm" : "sm"}
+            variant="destructive"
             onClick={onDelete}
-            className={cn(
-              isMobile && "w-full sm:w-auto"
-            )}
+            className={cn(isMobile && "w-full sm:w-auto")}
           >
-            <Trash2 className={cn(
-              isMobile ? "w-3.5 h-3.5" : "w-4 h-4",
-              "mr-1"
-            )} />
+            <Trash2
+              className={cn(isMobile ? "w-3.5 h-3.5" : "w-4 h-4", "mr-1")}
+            />
             Supprimer
           </Button>
         </div>