Profile + Edit Bio + Logout + styling

- Added handler for editing bio to handlers.js
- Added openProfile() and closeProfile() buttons in AppWindowContainer (Profile page is global)
- Added Logout and Profile functionality to Sidebar.js
  - SidebarItem(text).onClick() fires twice, unable to resolve
- Adjust Login page styling
- Added onLogout() to index.js (removes auth_token)
- Added Profile.js, displays user's profile picture (placeholder), name, and bio. User can edit bio.
- Added removeAuthToken() to util.js
- Added /signout to vite config

src/Home/AuthPage/AuthPage.js

@@ -22,7 +22,7 @@ class AuthPage extends Shadow {
             })
     }
 
-    selectedPage = 2 // 1 == login, 2 == signup
+    selectedPage = 1 // 1 == login, 2 == signup
 
     render() {
         VStack(() => {
@@ -60,7 +60,7 @@ class AuthPage extends Shadow {
                 .color("var(--text)")
                 .horizontalAlign("center")
                 .margin("auto")
-                .marginTop(1, em)
+                .marginTop(7.5, em)
                 .marginBottom(0, em)
                 .gap(0.5, em)
 

src/Home/AuthPage/Signup.js

@@ -25,12 +25,6 @@ class Signup extends Shadow {
     render() {
         form(() => {
             VStack(() => {
-                input("Email", "70vw")
-                    .attr({ name: "email", type: "email" })
-                    .margin("auto")
-                    .marginVertical(1, em)
-                    .padding(1, em)
-                    .styles(this.inputStyles)
                 input("First Name", "70vw")
                     .attr({ name: "firstName", type: "text" })
                     .margin("auto")
@@ -43,6 +37,12 @@ class Signup extends Shadow {
                     .marginVertical(1, em)
                     .padding(1, em)
                     .styles(this.inputStyles)
+                input("Email", "70vw")
+                    .attr({ name: "email", type: "email" })
+                    .margin("auto")
+                    .marginVertical(1, em)
+                    .padding(1, em)
+                    .styles(this.inputStyles)
                 input("Password", "70vw")
                     .attr({ name: "password", type: "password" })
                     .margin("auto")