handle token param properly and add logout button

Author: Mistium

me/index.html

@@ -26,6 +26,7 @@
             <span class="user-handle" id="sidebar-handle">@username</span>
           </div>
         </div>
+        <button class="logout-btn" onclick="logout()"><i data-lucide="log-out"></i>Logout</button>
       </div>
     </aside>
 
@@ -52,6 +53,7 @@
             <span class="user-handle" id="mobile-sidebar-handle">@username</span>
           </div>
         </div>
+        <button class="logout-btn" onclick="logout()"><i data-lucide="log-out"></i>Logout</button>
       </div>
     </div>
 
@@ -306,7 +308,7 @@ <h2 class="modal-title">Authentication Required</h2>
       let token = params.get('token');
       if (token) {
         localStorage.setItem('rotur_token', token);
-        history.replaceState({}, title, pathname);
+        history.replaceState({}, document.title, window.location.pathname + window.location.hash);
       } else {
         token = localStorage.getItem('rotur_token');
       }
@@ -325,6 +327,11 @@ <h2 class="modal-title">Authentication Required</h2>
 
     function closeModal(id) { el(id).classList.remove('active'); }
 
+    function logout() {
+      localStorage.removeItem('rotur_token');
+      window.location.href = '/';
+    }
+
     function formatDate(d) {
       return new Date(d).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
     }

me/style.css

@@ -113,6 +113,32 @@ body {
   border-top: 1px solid var(--border);
 }
 
+.logout-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.625rem;
+  margin-top: 0.75rem;
+  background: transparent;
+  border: 1px solid var(--danger);
+  border-radius: 0.5rem;
+  color: var(--danger);
+  font-size: 0.875rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.logout-btn:hover {
+  background: rgba(248, 113, 113, 0.1);
+}
+
+.logout-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 .user-menu {
   display: flex;
   align-items: center;
@@ -1177,6 +1203,32 @@ body {
   background: var(--bg-hover);
 }
 
+.mobile-sidebar-footer .logout-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.625rem;
+  margin-top: 0.75rem;
+  background: transparent;
+  border: 1px solid var(--danger);
+  border-radius: 0.5rem;
+  color: var(--danger);
+  font-size: 0.875rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.mobile-sidebar-footer .logout-btn:hover {
+  background: rgba(248, 113, 113, 0.1);
+}
+
+.mobile-sidebar-footer .logout-btn svg {
+  width: 16px;
+  height: 16px;
+}
+
 /* Bio value styling */
 .bio-value {
   flex-direction: column;