update toaster LO; add forms where in necessary

src/routes/auth/username.tsx

@@ -32,17 +32,19 @@ function RouteComponent() {
 			</div>
 
 			<div className="space-y-6 w-[300px]">
-				<Input
-					label="Username"
-					placeholder="Pink Axolotl"
-					value={username}
-					onChange={(e) => setUsername(e.target.value)}
-					onKeyDown={(e) => {
-						if (e.key === "Enter") {
-							handleSubmit();
-						}
+				<form
+					onSubmit={(e) => {
+						e.preventDefault();
+						handleSubmit();
 					}}
-				/>
+				>
+					<Input
+						label="Username"
+						placeholder="Pink Axolotl"
+						value={username}
+						onChange={(e) => setUsername(e.target.value)}
+					/>
+				</form>
 
 				<div className="space-y-2">
 					<Button
@@ -55,7 +57,9 @@ function RouteComponent() {
 					<Button
 						variant={"secondary"}
 						className="text-[18px] w-full"
-						// onClick={handleSubmit}
+						onClick={() => {
+							navigate({ to: "/", viewTransition: { types: ["warp"] } });
+						}}
 					>
 						Skip for now
 					</Button>