fix: satisfy tweak panel lint

Author: Sun-sunshine06

apps/desktop/src/renderer/src/components/TweakPanel.tsx

@@ -44,30 +44,30 @@ function ColorSwatch({
   pickColorLabel: string;
 }) {
   const canPickNatively = isNativeColorInputValue(value);
+  const swatchClassName = `relative inline-flex h-[28px] w-[28px] shrink-0 overflow-hidden rounded-[var(--radius-sm)] shadow-[var(--shadow-inset-soft)] transition-transform duration-[var(--duration-faster)] ${
+    canPickNatively
+      ? 'cursor-pointer hover:scale-[1.04] active:scale-[var(--scale-press-down)]'
+      : 'cursor-default'
+  }`;
+  const swatchFill = (
+    <span className="block h-full w-full" style={{ backgroundColor: value }} aria-hidden="true" />
+  );
   return (
     <div className="flex items-center gap-[var(--space-2)]">
-      <label
-        className={`relative inline-flex h-[28px] w-[28px] shrink-0 overflow-hidden rounded-[var(--radius-sm)] shadow-[var(--shadow-inset-soft)] transition-transform duration-[var(--duration-faster)] ${
-          canPickNatively
-            ? 'cursor-pointer hover:scale-[1.04] active:scale-[var(--scale-press-down)]'
-            : 'cursor-default'
-        }`}
-      >
-        <span
-          className="block h-full w-full"
-          style={{ backgroundColor: value }}
-          aria-hidden="true"
-        />
-        {canPickNatively ? (
+      {canPickNatively ? (
+        <label className={swatchClassName}>
+          {swatchFill}
           <input
             type="color"
             value={value}
             onChange={(e) => onChange(e.target.value)}
             className="absolute inset-0 cursor-pointer opacity-0"
             aria-label={pickColorLabel}
           />
-        ) : null}
-      </label>
+        </label>
+      ) : (
+        <div className={swatchClassName}>{swatchFill}</div>
+      )}
       <input
         type="text"
         value={value}