UI: add bulk actions and pagination for games list

index.html

@@ -132,6 +132,16 @@
         <div class="games-actions-bar">
           <button id="loanedFilterBtn" type="button" class="btn-secondary">Voir jeux pretes</button>
         </div>
+        <div id="bulkActionsBar" class="bulk-actions-bar">
+          <label class="checkbox-row">
+            <input id="bulkSelectPage" type="checkbox" />
+            Tout selectionner (page)
+          </label>
+          <span id="bulkSelectionInfo" class="bulk-selection-info">0 selectionne</span>
+          <button id="bulkLoanBtn" type="button" class="btn-secondary" disabled>Marquer prete</button>
+          <button id="bulkReturnBtn" type="button" class="btn-secondary" disabled>Marquer rendu</button>
+          <button id="bulkDeleteBtn" type="button" class="btn-inline danger" disabled>Supprimer</button>
+        </div>
         <div class="scanner-zone">
           <div class="scanner-header">
             <strong>Scan camera (mobile)</strong>
@@ -210,12 +220,21 @@
         <input id="coverUrlInput" type="hidden" />
 
         <div id="gamesList" class="games-list"></div>
+        <div id="paginationBar" class="pagination-bar">
+          <button id="prevPageBtn" type="button" class="btn-secondary">Precedent</button>
+          <span id="pageInfo" class="page-info">Page 1/1</span>
+          <button id="nextPageBtn" type="button" class="btn-secondary">Suivant</button>
+        </div>
       </section>
     </main>
     <div id="toastContainer" class="toast-container" aria-live="polite" aria-atomic="true"></div>
 
     <template id="gameCardTemplate">
       <article class="game-card">
+        <label class="game-select">
+          <input type="checkbox" data-action="select" />
+          <span>Selection</span>
+        </label>
         <img class="game-cover hidden" alt="Pochette du jeu" loading="lazy" />
         <div class="game-main">
           <h3 class="game-title"></h3>