Add user to signup page

Author: estib-vega

apps/web/src/routes/(app)/signup/+page.svelte

@@ -6,6 +6,7 @@
 	import { WEB_ROUTES_SERVICE } from '@gitbutler/shared/routing/webRoutes.svelte';
 	import { Button, EmailTextbox, Textbox, InfoMessage } from '@gitbutler/ui';
 
+	let username = $state<string>();
 	let email = $state<string>();
 	let password = $state<string>();
 	let passwordConfirmation = $state<string>();
@@ -19,8 +20,8 @@
 
 	async function handleSubmit(event: Event) {
 		event.preventDefault();
-		if (!email || !password || !passwordConfirmation) {
-			error = 'Email and password are required';
+		if (!username || !email || !password || !passwordConfirmation) {
+			error = 'Username, email and password are required';
 			return;
 		}
 
@@ -30,6 +31,7 @@
 		}
 
 		const response = await loginService.createAccountWithEmail(
+			username,
 			email,
 			password,
 			passwordConfirmation
@@ -61,6 +63,7 @@
 >
 	<form id="signup-form" class="stack-v" onsubmit={handleSubmit}>
 		<div class="auth-form__inputs">
+			<Textbox bind:value={username} label="Username" />
 			<EmailTextbox
 				label="Email"
 				placeholder=" "

packages/shared/src/lib/login/loginService.ts

@@ -126,13 +126,15 @@ export default class LoginService {
 	}
 
 	async createAccountWithEmail(
+		username: string,
 		email: string,
 		password: string,
 		passwordConfirmation: string
 	): Promise<LoginResponse<{ message: string }>> {
 		return await this.sendPostRequest(
 			'sessions/sign_up_email',
 			{
+				login: username,
 				email,
 				password,
 				password_confirmation: passwordConfirmation