feat(SPA): profile page, display name and the new account menu

web/src/stores/session.ts

@@ -8,6 +8,8 @@ export interface Session {
 	id?: number
 	verified: boolean
 	username?: string
+	email?: string
+	displayName: string
 }
 
 export const useSessionStore = defineStore('session', () => {
@@ -53,5 +55,11 @@ export const useSessionStore = defineStore('session', () => {
 		status.value = 'ready'
 	}
 
-	return { status, session, check, retry, clear }
+	function setDisplayName(displayName: string | null | undefined) {
+		if (session.value) {
+			session.value = { ...session.value, displayName: displayName ?? '' }
+		}
+	}
+
+	return { status, session, check, retry, clear, setDisplayName }
 })