feat: add matrix section

src/features/dsp408/components/DSP408Panel/DSP408Panel.tsx

@@ -1,6 +1,5 @@
 import { useState } from 'react';
-import { DSP } from '../../../../types';
-import Sidebar from '../../../../components/Sidebar/Sidebar';
+import { Sidebar, SidebarItem } from '../../../../components/Sidebar/Sidebar';
 import { InfoIcon, KnobGainIcon, TextIcon } from '../../../../assets/icons/AudioIcons';
 import ConnectionPanel from '../ConnectionSection/ConnectionSection';
 import GainSection from '../GainSection/GainSection';
@@ -14,19 +13,19 @@ import MatrixSection from '../Matrixsection/Matrixsection';
 import GeqSection from '../GeqSection/GeqSection';
 import InputSection from '../InputSection/InputSection';
 import { DSP408Api } from '../../dsp408';
+import { DSP408 } from '../../../../types';
+import { SidebarId } from '../../constants';
 import './DSP408Panel.css';
 
-type DSP408 = Extract<DSP, { type: 'DSP408' }>;
-
 function DSP408Panel({ dsp, api }: { dsp: DSP408; api: DSP408Api }) {
-  const [activeSidebar, setActiveSidebar] = useState('overview');
+  const [activeSidebar, setActiveSidebar] = useState<SidebarId>('overview');
   const [sidebarExpanded, setSidebarExpanded] = useState(false);
   const [selectedPreset, setSelectedPreset] = useState(dsp.state?.presets.current_index ?? 0);
   const [presetLoading, setPresetLoading] = useState(false);
   const inputStates = dsp.state?.current_config.input_states;
   const outputStates = dsp.state?.current_config.output_states;
 
-  const sidebarItems = [
+  const sidebarItems: SidebarItem<SidebarId>[] = [
     { id: 'overview', label: 'Overview', icon: <InfoIcon /> },
     { id: 'gain', label: 'Gain', icon: <KnobGainIcon /> },
     { id: 'gate', label: 'Gate', icon: <KnobGainIcon /> },
@@ -155,6 +154,7 @@ function DSP408Panel({ dsp, api }: { dsp: DSP408; api: DSP408Api }) {
             dsp={dsp}
             setMatrixRouting={api.setMatrixRouting}
             setMatrixGain={api.setMatrixGain}
+            setActiveSidebar={setActiveSidebar}
           />
         );