feat: add StopSoundsButton component to control sound playback in the sidebar

src/components/AppSidebar.tsx

@@ -18,6 +18,7 @@ import {
 import { CreditsNav } from './nav/CreditsNav'
 import { NavGroup } from './nav/NavGroup'
 import { NavItem } from './nav/NavItem'
+import { StopSoundsButton } from './nav/StopSoundsButton'
 import { UserNav } from './nav/UserNav'
 import { CompactPlayer } from './player/CompactPlayer'
 
@@ -67,6 +68,8 @@ export function AppSidebar({ showCompactPlayer = false }: AppSidebarProps) {
             <Separator className="mb-1 group-data-[collapsible=icon]:hidden" />
           </>
         )}
+        <StopSoundsButton />
+        <Separator className="mb-1 group-data-[collapsible=icon]:hidden" />
         <CreditsNav user={user} />
         <Separator className="mb-1 group-data-[collapsible=icon]:hidden" />
         <UserNav user={user} logout={logout} />