Add Activity Log card to account page

Author: ddrayko

public/js/app.js

@@ -1220,6 +1220,19 @@ function renderAccount() {
         </div>
       </div>
 
+      <div class="card account-menu-card" id="account-menu-logs" style="cursor:pointer">
+        <div class="account-menu-item">
+          <div class="account-menu-icon" style="color:var(--accent-cyan)">
+            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+          </div>
+          <div class="account-menu-text">
+            <div class="account-menu-title">Activity Log</div>
+            <div class="account-menu-desc">View all account activity</div>
+          </div>
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color:var(--text-muted);flex-shrink:0"><path d="M9 18l6-6-6-6"/></svg>
+        </div>
+      </div>
+
       <div class="card account-menu-card" id="account-menu-dangerous" style="cursor:pointer">
         <div class="account-menu-item">
           <div class="account-menu-icon" style="color:var(--accent-red)">
@@ -1237,6 +1250,7 @@ function renderAccount() {
 
   $('#account-menu-edit').addEventListener('click', () => navigateTo('account/edit'));
   $('#account-menu-links').addEventListener('click', () => navigateTo('account/links'));
+  $('#account-menu-logs').addEventListener('click', () => navigateTo('log'));
   $('#account-menu-dangerous').addEventListener('click', () => navigateTo('account/dangerous'));
 }