adding authentication

frontend/index.html

@@ -33,6 +33,11 @@
                     </button>
                 </li>
             </ul>
+            <div class="ms-auto d-flex align-items-center">
+                <span class="text-secondary small me-2" id="userDisplay"></span>
+                <button class="btn btn-outline-secondary btn-sm me-2 d-none" id="settingsBtn" data-bs-toggle="modal" data-bs-target="#settingsModal" title="Settings"><i class="fas fa-cog"></i></button>
+                <a href="/logout.php" class="btn btn-outline-secondary btn-sm"><i class="fas fa-sign-out-alt"></i></a>
+            </div>
         </div>
     </div>
 </nav>
@@ -329,6 +334,31 @@
     </div>
 </div>
 
+<!-- ==================== SETTINGS MODAL ==================== -->
+<div class="modal fade" id="settingsModal" tabindex="-1">
+    <div class="modal-dialog">
+        <div class="modal-content bg-dark">
+            <div class="modal-header border-secondary">
+                <h5 class="modal-title"><i class="fas fa-cog text-primary me-1"></i> Settings</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <h6 class="text-secondary mb-2"><i class="fas fa-users me-1"></i> Authorized Users</h6>
+                <div id="userList" class="mb-3">
+                    <div class="text-secondary small">Loading...</div>
+                </div>
+                <hr class="border-secondary">
+                <h6 class="text-secondary mb-2"><i class="fas fa-user-plus me-1"></i> Add User by Token</h6>
+                <div class="input-group input-group-sm mb-2">
+                    <input type="text" class="form-control" id="addUserToken" placeholder="Paste user token here">
+                    <button class="btn btn-primary" id="addUserBtn"><i class="fas fa-plus"></i> Add</button>
+                </div>
+                <small class="text-secondary">Get the user token from the user's Jakach Auth profile or ask them to log in once.</small>
+            </div>
+        </div>
+    </div>
+</div>
+
 <!-- ==================== CONFIRM MODAL ==================== -->
 <div class="modal fade" id="confirmModal" tabindex="-1">
     <div class="modal-dialog modal-sm modal-dialog-centered">