feat: two-step registration with avatar/color picker, fix focus ring clipping

Refactor RegisterPage into a two-step flow: credentials first, then
personalization (display name, avatar upload, avatar color). Replace the
dual-panel sliding layout with conditional rendering and CSS keyframe
animations to eliminate overflow-hidden clipping of focus rings.

Supporting changes:
- Server accepts avatarColor on registration
- Auth store resets all user-scoped stores on login/register/logout
- Voice store gains resetSession() for full session cleanup
- Sync presence status to federated instances
- Propagate presence_update to socialStore regardless of origin

This commit is contained in:

Jannis Braun

2026-03-11 03:43:20 +01:00

parent 10be7a44f8

commit c8e2945c07

8 changed files with 364 additions and 84 deletions

									
										packages/shared/src/types.ts
									
		+1
		
												View File
												
				@@ -303,6 +303,7 @@ export interface RegisterRequest {

				  username: string;

				  password: string;

				  displayName?: string;

				  avatarColor?: string;

				  homeInstance?: string;

				  homeUserId?: string;

				}