Working signout button

frontend/templates/user_profile.html

@@ -13,7 +13,11 @@
           <h1>Profile</h1>
           <div class="header-actions">
             <a id="admin-link" class="login-button hidden" href="/admin">Admin</a>
-            <button id="logout-button" class="logout-button hidden" type="button">Sign out</button>
+            <div id="auth-session" class="auth-session hidden">
+              <div id="auth-avatar" class="avatar"></div>
+              <span id="auth-username" class="user-name"></span>
+              <button id="logout-button" class="logout-button" type="button">Sign out</button>
+            </div>
           </div>
         </div>
       </div>
@@ -46,6 +50,22 @@
         </form>
       </section>
 
+      <section class="link-item settings-panel">
+        <h2>Password</h2>
+        <form id="password-form">
+          <label>
+            Current password
+            <input name="current_password" type="password" autocomplete="current-password" required />
+          </label>
+          <label>
+            New password
+            <input name="new_password" type="password" minlength="8" autocomplete="new-password" required />
+          </label>
+          <button type="submit">Change password</button>
+          <p id="password-status" class="status" role="status"></p>
+        </form>
+      </section>
+
       <section class="link-item settings-panel">
         <h2>Mastodon</h2>
         <form id="mastodon-form">
@@ -66,6 +86,7 @@
         </form>
       </section>
     </main>
+    <script src="/static/auth-header.js?v=1"></script>
     <script src="/static/logout.js?v=2"></script>
     <script src="/static/profile.js?v=2"></script>
   </body>