feat: dont moove slider cursor if tcp command fails

src/pages/DspPage/DspPage.tsx

@@ -6,17 +6,11 @@ import ConnectionPanel from '../../components/dsp408/ConnectionSection/Connectio
 import GainSection from '../../components/dsp408/GainSection/GainSection';
 import { DSP408Device } from '../../hooks/useDSP408';
 import './DspPage.css';
-import GateSection from '../../components/dsp408/GateSection/GateSection';
+// import GateSection from '../../components/dsp408/GateSection/GateSection';
 import LoadingOverlay from '../../components/LoadingOverlay/LoadingOverlay';
 import { InputChannel, OutputChannel } from '../../types/dsp408State';
 
-function DSPPage({
-  dsp,
-  dsp408,
-}: {
-  dsp: DSP;
-  dsp408: DSP408Device;
-}) {
+function DSPPage({ dsp, dsp408 }: { dsp: DSP; dsp408: DSP408Device }) {
   const [activeSidebar, setActiveSidebar] = useState('overview');
   const [sidebarExpanded, setSidebarExpanded] = useState(false);
   const [selectedPreset, setSelectedPreset] = useState(dsp.state?.presets.current_index ?? 0);
@@ -170,10 +164,19 @@ function DSPPage({
   const renderTab = () => {
     switch (activeSidebar) {
       case 'overview':
-        return <ConnectionPanel dsp={dsp} onConnect={dsp408.connect} onDisconnect={dsp408.disconnect} />;
+        return (
+          <ConnectionPanel dsp={dsp} onConnect={dsp408.connect} onDisconnect={dsp408.disconnect} />
+        );
 
-      // case 'gain':
-      //   return <GainSection dsp={dsp} notify={notify} />;
+      case 'gain':
+        return (
+          <GainSection
+            dsp={dsp}
+            setGain={dsp408.setGain}
+            setMute={dsp408.setMute}
+            setInverse={dsp408.setInverse}
+          />
+        );
 
       // case 'gate':
       //   return <GateSection dsp={dsp} notify={notify} />;