fix(lint): corregir 3 errores ESLint react-hooks en DesktopContextMenu, SyncIndicator y SpinningCoinLogo

- SyncIndicator: eliminar useEffect+isMounted innecesario (client component siempre montado)
- DesktopContextMenu: inicializar zoom con lazy initializer en lugar de useEffect (evita set-state-in-effect)
- SpinningCoinLogo: eslint-disable puntual para mutación de camera.fov (patrón obligatorio de Three.js)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Ja1zme

src/components/desktop/DesktopContextMenu.tsx

@@ -17,6 +17,7 @@ import {
   Settings,
 } from "lucide-react";
 import { useElectron } from "@/hooks/useElectron";
+import { isTauriWebView } from "@/lib/desktop";
 import { useWidgetStore } from "@/stores/widget-store";
 import { useLayoutStore } from "@/stores/layout-store";
 import { useLinksStore } from "@/stores/links-store";
@@ -58,7 +59,11 @@ interface MenuState {
 export function DesktopContextMenu() {
   const { isTauri, minimizeWindow, maximizeWindow, closeWindow } = useElectron();
   const [menu, setMenu] = useState<MenuState>({ visible: false, x: 0, y: 0 });
-  const [zoom, setZoom] = useState(1);
+  const [zoom, setZoom] = useState(() => {
+    const z = isTauriWebView() ? readZoom() : 1;
+    if (isTauriWebView()) document.documentElement.style.zoom = `${z}`;
+    return z;
+  });
   const menuRef = useRef<HTMLDivElement>(null);
 
   const openAddWidgetModal = useWidgetStore((s) => s.openAddWidgetModal);
@@ -67,14 +72,6 @@ export function DesktopContextMenu() {
   const toggleEditMode = useLayoutStore((s) => s.toggleEditMode);
   const refreshAllData = useLinksStore((s) => s.refreshAllData);
 
-  // Aplicar zoom guardado al montar
-  useEffect(() => {
-    if (!isTauri) return;
-    const z = readZoom();
-    setZoom(z);
-    document.documentElement.style.zoom = `${z}`;
-  }, [isTauri]);
-
   const hideMenu = useCallback(() => {
     setMenu((m) => ({ ...m, visible: false }));
   }, []);

src/components/layout/SpinningCoinLogo.tsx

@@ -28,7 +28,8 @@ function CoinModel({ rotationSpeed = 3.5 }: CoinModelProps) {
     groupRef.current.scale.setScalar(scale);
     groupRef.current.position.sub(center.multiplyScalar(scale));
 
-    // Ajustar cámara
+    // Ajustar cámara — mutación directa requerida por Three.js/R3F
+    // eslint-disable-next-line react-hooks/immutability
     (camera as THREE.PerspectiveCamera).fov = 50;
     camera.updateProjectionMatrix();
   }, [camera, scene]);

src/components/layout/SyncIndicator.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { Cloud, CloudOff, Loader2 } from "lucide-react";
+import { CloudOff, Loader2 } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
@@ -31,11 +31,6 @@ export function notifySyncStatus(status: SyncStatus) {
 export function SyncIndicator() {
   const { t } = useTranslation();
   const [status, setStatus] = useState<SyncStatus>("saved");
-  const [isMounted, setIsMounted] = useState(false);
-
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
 
   // Suscribirse al sistema de eventos de sincronización
   useEffect(() => {
@@ -61,9 +56,6 @@ export function SyncIndicator() {
     }
   }, [status]);
 
-  // No renderizar antes de la hidratación
-  if (!isMounted) return null;
-
   // En estado "saved" no se muestra nada para no ocupar espacio
   if (status === "saved") return null;