Added account update form and e-mail verification.

pages/users/@username/+Page.vue

@@ -9,6 +9,7 @@ import Summaries from '#/components/scenes/summaries.vue';
 // filters are implemented as generic settings panel in case we want to extend it in the future
 import Settings from '#/components/settings/settings.vue';
 import Stashes from '#/components/stashes/stashes.vue';
+import Account from '#/components/user/account.vue';
 import ApiKeys from '#/components/user/api-keys.vue';
 import Preferences from '#/components/user/preferences.vue';
 
@@ -19,6 +20,7 @@ const domain = pageContext.routeParams.domain;
 
 const user = pageContext.user;
 const profile = ref(pageContext.pageProps.profile);
+const primaryStash = pageContext.assets.primaryStash;
 
 const showFilters = ref(false);
 
@@ -70,6 +72,12 @@ function scrollHorizontal(event) {
 				class="domains nobar"
 				@wheel.prevent="scrollHorizontal"
 			>
+				<a
+					v-if="primaryStash"
+					:href="`/stash/${user.username}/${primaryStash.slug}`"
+					class="domain nolink"
+				><Icon :icon="primaryStash.slug === 'favorites' ? 'heart7' : 'folder-heart'" />{{ primaryStash.name }}</a>
+
 				<a
 					:href="`/user/${profile.username}/stashes`"
 					class="domain nolink"
@@ -88,13 +96,6 @@ function scrollHorizontal(event) {
 					:class="{ active: section === 'templates' }"
 				><Icon icon="paste3" />Templates</a>
 
-				<a
-					v-if="profile.isIdentityVerified"
-					:href="`/user/${profile.username}/api`"
-					class="domain nolink"
-					:class="{ active: section === 'api' }"
-				><Icon icon="key" />API Keys</a>
-
 				<a
 					:href="`/user/${profile.username}/revisions/scenes`"
 					class="domain nolink"
@@ -114,11 +115,24 @@ function scrollHorizontal(event) {
 					@click="showFilters = true"
 				><Icon icon="filter" />Filters</span>
 
+				<a
+					v-if="profile.isIdentityVerified"
+					:href="`/user/${profile.username}/api`"
+					class="domain nolink"
+					:class="{ active: section === 'api' }"
+				><Icon icon="key" />API Keys</a>
+
 				<a
 					:href="`/user/${profile.username}/preferences`"
 					class="domain nolink"
 					:class="{ active: section === 'preferences' }"
 				><Icon icon="equalizer" />Preferences</a>
+
+				<a
+					:href="`/user/${profile.username}/account`"
+					class="domain nolink"
+					:class="{ active: section === 'account' }"
+				><Icon icon="user-tie" />Account</a>
 			</nav>
 
 			<Stashes v-if="section === 'stashes'" />
@@ -129,13 +143,9 @@ function scrollHorizontal(event) {
 				:release="mockupRelease"
 			/>
 
-			<ApiKeys
-				v-if="section === 'api'"
-			/>
-
-			<Preferences
-				v-if="section === 'preferences'"
-			/>
+			<ApiKeys v-if="section === 'api'" />
+			<Preferences v-if="section === 'preferences'" />
+			<Account v-if="section === 'account'" />
 		</div>
 
 		<div