Move library browsing to main grid

public/index.html

@@ -26,8 +26,10 @@
           <span>Search collection</span>
           <input id="searchInput" type="search" placeholder="Title, folder, file" autocomplete="off">
         </label>
-
-        <div id="titleList" class="title-list" aria-label="Titles"></div>
+        <div class="sidebar-note">
+          <span class="sidebar-note__label">Library view</span>
+          <p>Browse folders from the main collection grid.</p>
+        </div>
       </aside>
 
       <main class="layout">
@@ -36,7 +38,7 @@
             <h2>Collection</h2>
             <p id="libraryPath" class="muted"></p>
           </div>
-          <span class="badge">Local</span>
+          <button id="backBtn" class="ghost hidden" type="button">Collection</button>
         </header>
 
         <section id="details" class="details">
@@ -48,10 +50,14 @@
       </main>
     </div>
 
-    <template id="titleButtonTemplate">
-      <button class="title-button" type="button">
-        <span class="title-button__name"></span>
-        <span class="title-button__meta"></span>
+    <template id="titleCardTemplate">
+      <button class="title-card" type="button">
+        <span class="title-card__poster">
+          <img alt="">
+          <span class="title-card__fallback"></span>
+        </span>
+        <span class="title-card__name"></span>
+        <span class="title-card__meta"></span>
       </button>
     </template>