Open scan modal, handle permissions, open/close video preview

lib/music_library_web/live/collection_live/index.html.heex

@@ -2,9 +2,14 @@
   <header class="gap-6 mb-2">
     <div class="flex items-center justify-between gap-6 mb-2 mt-2">
       <.search_form query={@record_list_params.query} />
-      <.link patch={~p"/collection/import"}>
-        <.button>{gettext("Import")}</.button>
-      </.link>
+      <nav>
+        <.link patch={~p"/collection/import"}>
+          <.button>{gettext("Import")}</.button>
+        </.link>
+        <.link patch={~p"/collection/scan"}>
+          <.button>{gettext("Scan")}</.button>
+        </.link>
+      </nav>
     </div>
   </header>
 
@@ -93,4 +98,19 @@
   />
 </.modal>
 
+<.modal
+  :if={@live_action == :barcode_scan}
+  id="barcode-scanner-modal"
+  show
+  on_cancel={JS.patch(back_path(@record_list_params))}
+>
+  <.live_component
+    module={MusicLibraryWeb.RecordLive.BarcodeScannerComponent}
+    id={:barcode_scanner}
+    title={@page_title}
+    action={@live_action}
+    patch={back_path(@record_list_params)}
+  />
+</.modal>
+
 <.pagination id={:bottom_pagination} pagination_params={@record_list_params} />