feat: better viewer mode ui

src/index.html

···
       font-size: 0.6875rem;
     }
 
+    .viewer-shortcut {
+      display: none;
+    }
+
     .form-section {
       margin-bottom: 2rem;
     }
···
     }
 
     .table-section {
-      margin-top: 3rem;
+      margin-top: 0;
     }
 
     .table-controls {
···
     </section>
 
     <section class="table-section">
+      <div class="shortcut viewer-shortcut">
+        <kbd>cmd+k</kbd> focus • <kbd>cmd+/</kbd> search • <kbd>cmd+l</kbd> logout
+      </div>
       <h2 class="table-header">
         <span>// existing urls</span>
       </h2>
···
 
     function applyViewerMode() {
       if (userRole === 'viewer') {
-        // Hide the shorten form
         document.querySelector('.form-section').style.display = 'none';
+        document.querySelector('.viewer-shortcut').style.display = 'block';
       }
     }