add opacity configuration for visualizers

src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx

@@ -14,6 +14,9 @@ const VisualizerInner = () => {
     const canvasRef = createRef<HTMLDivElement>();
     const accent = useSettingsStore((store) => store.general.accent);
     const visualizer = useSettingsStore((store) => store.visualizer);
+    const opacity = useSettingsStore(
+        (store) => store.visualizer.audiomotionanalyzer.opacity,
+    );
     const [motion, setMotion] = useState<AudioMotionAnalyzer>();
 
     // Check if a gradient name is a custom gradient
@@ -217,7 +220,13 @@ const VisualizerInner = () => {
         }
     }, [motion, options]);
 
-    return <div className={styles.visualizer} ref={canvasRef} />;
+    return (
+        <div
+            className={styles.visualizer}
+            ref={canvasRef}
+            style={{ opacity }}
+        />
+    );
 };
 
 export const Visualizer = () => {