update routing

src/routes/auth/username.tsx

@@ -1,18 +1,23 @@
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+import { useAccountStore } from "@/contexts/AccountContext";
 import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { observer } from "mobx-react-lite";
 import { useState } from "react";
 
 export const Route = createFileRoute("/auth/username")({
-	component: RouteComponent,
+	component: () => <RouteComponent />,
 });
 
-function RouteComponent() {
+const RouteComponent = observer(() => {
 	const [username, setUsername] = useState("");
 	const navigate = useNavigate();
+	const { setUserId } = useAccountStore();
 
 	const handleSubmit = () => {
 		if (username.trim() === "") return;
+
+		setUserId("ID");
 		navigate({
 			to: "/",
 			viewTransition: { types: ["warp"] },
@@ -67,4 +72,4 @@ function RouteComponent() {
 			</div>
 		</div>
 	);
-}
+});