Fix mobile sidebar not auto-closing when room selected

The video library revamp (#77) expanded toggle_class_controller.js
with Library-specific features but removed the critical mobile UX
behavior: auto-closing the sidebar when navigating to a room.

On mobile, the sidebar takes full viewport width. When a user taps
a room link, they expect to see the room content immediately, not
a still-open sidebar overlay blocking the view.

Fix: Listen for turbo:click events and close the sidebar on mobile
(max-width: 120ch) when any link inside the sidebar is clicked.
This restores the expected behavior while preserving all Library
overlay functionality on desktop.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: dvassallo

app/frontend/controllers/toggle_class_controller.js

@@ -34,12 +34,17 @@ export default class extends Controller {
       'a.skip-navigation[href="#sidebar-toggle"]',
     )
     if (skipToMenu) skipToMenu.addEventListener("click", this._handleSkipToMenu)
+
+    // Close sidebar on mobile when navigating to a new page
+    this._handleTurboClick = (event) => this.#handleTurboClick(event)
+    document.addEventListener("turbo:click", this._handleTurboClick)
   }
 
   disconnect() {
     document.removeEventListener("mousedown", this._handleDocumentPointer)
     document.removeEventListener("touchstart", this._handleDocumentPointer)
     document.removeEventListener("keydown", this._handleKeydown)
+    document.removeEventListener("turbo:click", this._handleTurboClick)
     const skipToMenu = document.querySelector(
       'a.skip-navigation[href="#sidebar-toggle"]',
     )
@@ -134,4 +139,20 @@ export default class extends Controller {
       window.matchMedia("(min-width: 120ch)").matches
     )
   }
+
+  #handleTurboClick(event) {
+    // On mobile (max-width: 120ch), close the sidebar when clicking a link inside it
+    // This ensures the user sees the room content after selecting it
+    if (window.matchMedia("(min-width: 120ch)").matches) return
+    if (!this.element.classList.contains(this.toggleClass)) return
+
+    // Check if the clicked element is a link inside the sidebar
+    const target = event.target
+    const link = target.closest("a[href]")
+    if (!link) return
+    if (!this.element.contains(link)) return
+
+    // Close the sidebar
+    this.element.classList.remove(this.toggleClass)
+  }
 }