style: apply biome safe auto-fixes

Run 'biome check --fix' on apps/api/src and apps/web/src to clear
the safe-fixable lint backlog (151 files: parseInt → Number.parseInt,
isNaN → Number.isNaN, organize imports, etc.). 769 errors remain
that require manual changes (mostly noExplicitAny).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/src/components/catalog/ford-variant-selector.tsx

@@ -1,9 +1,9 @@
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
 import { api } from "@/lib/api-client";
 import { useTranslation } from "@/lib/i18n";
 import { Button, Card, CardContent, CardHeader, CardTitle } from "@sase/ui";
+import { useQuery } from "@tanstack/react-query";
 import { Loader2 } from "lucide-react";
+import { useState } from "react";
 
 interface VariantItem {
   code: string;
@@ -159,11 +159,7 @@ export function FordVariantSelector({ vehicleId, onSelect }: FordVariantSelector
 
             {/* Proceed button — only enabled when all required dimensions are selected */}
             <div className="flex gap-2">
-              <Button
-                onClick={handleProceed}
-                disabled={!canProceed}
-                className="w-full sm:w-auto"
-              >
+              <Button onClick={handleProceed} disabled={!canProceed} className="w-full sm:w-auto">
                 {t("catalog.fordVariant.proceed")}
               </Button>
             </div>

apps/web/src/components/catalog/model-list-columns.tsx

@@ -1,9 +1,9 @@
-import { useState, useEffect, useRef, useCallback } from "react";
-import { Link, useNavigate } from "@tanstack/react-router";
-import { ArrowLeft, Car, ChevronRight, Loader2 } from "lucide-react";
-import { cn } from "@sase/ui";
 import { api } from "@/lib/api-client";
 import { getCategoryIcon } from "@/lib/category-icons";
+import { cn } from "@sase/ui";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { ArrowLeft, Car, ChevronRight, Loader2 } from "lucide-react";
+import { useCallback, useEffect, useRef, useState } from "react";
 
 /* ── Types ── */
 
@@ -56,9 +56,7 @@ export function ModelListColumns({
     vehicle: m,
   }));
 
-  const [columns, setColumns] = useState<Column[]>([
-    { type: "models", items: modelItems },
-  ]);
+  const [columns, setColumns] = useState<Column[]>([{ type: "models", items: modelItems }]);
 
   // Reset when models change
   useEffect(() => {
@@ -132,10 +130,7 @@ export function ModelListColumns({
             path: o.path,
             isFinal: data.isFinal,
           }));
-          setColumns((prev) => [
-            ...prev.slice(0, colIdx + 1),
-            { type: "restrictions", items },
-          ]);
+          setColumns((prev) => [...prev.slice(0, colIdx + 1), { type: "restrictions", items }]);
         } else {
           // Fetch categories directly
           await fetchCategories(vehicle.id, colIdx, undefined);
@@ -174,10 +169,7 @@ export function ModelListColumns({
             path: o.path,
             isFinal: data.isFinal,
           }));
-          setColumns((prev) => [
-            ...prev.slice(0, colIdx + 1),
-            { type: "restrictions", items },
-          ]);
+          setColumns((prev) => [...prev.slice(0, colIdx + 1), { type: "restrictions", items }]);
         }
       } catch {
         // On error, do nothing
@@ -235,10 +227,7 @@ export function ModelListColumns({
           isLeaf: c.children !== undefined && c.children.length === 0,
           children: c.children,
         }));
-        setColumns((prev) => [
-          ...prev.slice(0, colIdx + 1),
-          { type: "categories", items },
-        ]);
+        setColumns((prev) => [...prev.slice(0, colIdx + 1), { type: "categories", items }]);
         return;
       }
 
@@ -251,7 +240,7 @@ export function ModelListColumns({
           navigate({
             to: "/dashboard/catalog/$brandName/$modelId/categories/$categoryId",
             params: { brandName, modelId: vehicleId, categoryId: item.id },
-          search: { body: undefined, engine: undefined, gearbox: undefined, mgp: undefined },
+            search: { body: undefined, engine: undefined, gearbox: undefined, mgp: undefined },
           });
           return;
         }
@@ -262,10 +251,7 @@ export function ModelListColumns({
           isLeaf: c.children !== undefined && c.children.length === 0,
           children: c.children,
         }));
-        setColumns((prev) => [
-          ...prev.slice(0, colIdx + 1),
-          { type: "categories", items },
-        ]);
+        setColumns((prev) => [...prev.slice(0, colIdx + 1), { type: "categories", items }]);
       } catch {
         // On error, do nothing
       } finally {
@@ -301,56 +287,54 @@ export function ModelListColumns({
         className="flex border rounded-lg overflow-x-auto"
         style={{ minHeight: 320 }}
       >
-      {columns.map((col, colIdx) => (
-        <div
-          key={colIdx}
-          className={cn(
-            "w-[220px] shrink-0 overflow-y-auto",
-            colIdx < columns.length - 1 && "border-r",
-          )}
-          style={{ maxHeight: 480 }}
-        >
-          {col.items.length === 0 ? (
-            <div className="flex h-full items-center justify-center p-4 text-xs text-muted-foreground">
-              Sonuç yok
-            </div>
-          ) : (
-            col.items.map((item) => {
-              const itemId = item.kind === "restriction" ? item.code : item.id;
-              const isSelected = col.selectedId === itemId;
-              const isLoading = loadingCol === colIdx && isSelected;
+        {columns.map((col, colIdx) => (
+          <div
+            key={colIdx}
+            className={cn(
+              "w-[220px] shrink-0 overflow-y-auto",
+              colIdx < columns.length - 1 && "border-r",
+            )}
+            style={{ maxHeight: 480 }}
+          >
+            {col.items.length === 0 ? (
+              <div className="flex h-full items-center justify-center p-4 text-xs text-muted-foreground">
+                Sonuç yok
+              </div>
+            ) : (
+              col.items.map((item) => {
+                const itemId = item.kind === "restriction" ? item.code : item.id;
+                const isSelected = col.selectedId === itemId;
+                const isLoading = loadingCol === colIdx && isSelected;
 
-              return (
-                <button
-                  key={itemId}
-                  type="button"
-                  onClick={() => handleItemClick(item, colIdx)}
-                  className={cn(
-                    "flex w-full items-center gap-2 px-3 py-2 text-left text-sm transition-colors",
-                    "hover:bg-accent hover:text-accent-foreground",
-                    isSelected && "bg-accent text-accent-foreground font-medium",
-                  )}
-                >
-                  <ItemIcon item={item} />
-                  <div className="flex-1 min-w-0">
-                    <p className="truncate">
-                      {item.kind === "model" ? item.label : item.name}
-                    </p>
-                    {item.kind === "model" && item.sublabel && (
-                      <p className="text-xs text-muted-foreground truncate">{item.sublabel}</p>
+                return (
+                  <button
+                    key={itemId}
+                    type="button"
+                    onClick={() => handleItemClick(item, colIdx)}
+                    className={cn(
+                      "flex w-full items-center gap-2 px-3 py-2 text-left text-sm transition-colors",
+                      "hover:bg-accent hover:text-accent-foreground",
+                      isSelected && "bg-accent text-accent-foreground font-medium",
                     )}
-                  </div>
-                  {isLoading ? (
-                    <Loader2 className="size-3.5 shrink-0 animate-spin" />
-                  ) : item.kind === "category" && item.isLeaf ? null : (
-                    <ChevronRight className="size-3.5 shrink-0 text-muted-foreground" />
-                  )}
-                </button>
-              );
-            })
-          )}
-        </div>
-      ))}
+                  >
+                    <ItemIcon item={item} />
+                    <div className="flex-1 min-w-0">
+                      <p className="truncate">{item.kind === "model" ? item.label : item.name}</p>
+                      {item.kind === "model" && item.sublabel && (
+                        <p className="text-xs text-muted-foreground truncate">{item.sublabel}</p>
+                      )}
+                    </div>
+                    {isLoading ? (
+                      <Loader2 className="size-3.5 shrink-0 animate-spin" />
+                    ) : item.kind === "category" && item.isLeaf ? null : (
+                      <ChevronRight className="size-3.5 shrink-0 text-muted-foreground" />
+                    )}
+                  </button>
+                );
+              })
+            )}
+          </div>
+        ))}
       </div>
     </div>
   );

apps/web/src/components/catalog/p5-restriction-selector.tsx

@@ -1,8 +1,8 @@
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
 import { api } from "@/lib/api-client";
 import { Card, CardContent, CardHeader, CardTitle } from "@sase/ui";
+import { useQuery } from "@tanstack/react-query";
 import { ArrowLeft, Loader2 } from "lucide-react";
+import { useState } from "react";
 
 interface RestrictionOption {
   code: string;
@@ -29,9 +29,7 @@ export function P5RestrictionSelector({ vehicleId, onComplete }: P5RestrictionSe
   const { data, isLoading } = useQuery<P5RestrictionsResponse>({
     queryKey: ["p5-restrictions", vehicleId, currentPath ?? "initial"],
     queryFn: () => {
-      const pathParam = currentPath
-        ? `?path=${encodeURIComponent(currentPath)}`
-        : "";
+      const pathParam = currentPath ? `?path=${encodeURIComponent(currentPath)}` : "";
       return api.get<P5RestrictionsResponse>(
         `/catalog/vehicles/${vehicleId}/p5-restrictions${pathParam}`,
       );

apps/web/src/components/catalog/psa-variant-selector.tsx

@@ -1,9 +1,9 @@
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
 import { api } from "@/lib/api-client";
 import { useTranslation } from "@/lib/i18n";
 import { Button, Card, CardContent, CardHeader, CardTitle } from "@sase/ui";
+import { useQuery } from "@tanstack/react-query";
 import { Loader2 } from "lucide-react";
+import { useState } from "react";
 
 interface VariantItem {
   code: string;