feat: add compressor + fix ui for all sections

src/pages/DspPage/DspPage.tsx

@@ -4,6 +4,7 @@ import Sidebar from '../../components/Sidebar/Sidebar';
 import { InfoIcon, KnobGainIcon } from '../../assets/icons/AudioIcons';
 import ConnectionPanel from '../../components/dsp408/ConnectionSection/ConnectionSection';
 import GainSection from '../../components/dsp408/GainSection/GainSection';
+import CompressorSection from '../../components/dsp408/CompressorSection/CompressorSection';
 import { DSP408Device } from '../../hooks/useDSP408';
 import './DspPage.css';
 import GateSection from '../../components/dsp408/GateSection/GateSection';
@@ -179,6 +180,9 @@ function DSPPage({ dsp, dsp408 }: { dsp: DSP; dsp408: DSP408Device }) {
       case 'gate':
         return <GateSection dsp={dsp} set_gate={dsp408.setGate} />;
 
+      case 'compressor':
+        return <CompressorSection dsp={dsp} set_compressor={dsp408.setCompressor} />;
+
       default:
         return null;
     }