cleanup sounds that are done playing

src/App/App.tsx

@@ -406,7 +406,7 @@ export function App() {
         flex: '0 0 content',
         overflowY: "auto",
         overflowX: "visible",
-        maxWidth: '50vw',
+        maxWidth: 'min(400px, 50vw)',
       }}>
         <div className="stackVertical" style={{height:'100%'}}>
           <div

src/App/Plant/Microwave/useAudioContext.ts

@@ -36,6 +36,9 @@ export function useAudioContext(speed: number) {
         src.loop = loop;
         src.start();
         setSounds(sounds => [...sounds, src]);
+        src.addEventListener("ended", () => {
+          setSounds(sounds => sounds.filter(s => s !== src));
+        })
         return src;
       });
     // return callback to stop playing