fix onboarding pages

src/app/auth/layout.tsx

@@ -24,7 +24,7 @@ export function LayoutOnboarding({ children }: { children: React.ReactNode }) {
 			<div className="flex h-screen w-full flex-col">
 				<div
 					data-tauri-drag-region
-					className="relative h-11 shrink-0 border border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
+					className="relative h-9 shrink-0 border border-zinc-100 bg-white dark:border-zinc-900 dark:bg-black"
 				>
 					<div
 						data-tauri-drag-region

src/app/auth/pages/create/index.page.tsx

@@ -28,7 +28,7 @@ export function Page() {
 
 	const submit = () => {
 		setOnboarding((prev) => ({ ...prev, pubkey: pubkey, privkey: privkey }));
-		navigate("/auth/create/step-2");
+		navigate("/app/auth/create/step-2");
 	};
 
 	return (

src/app/auth/pages/create/step-2/index.page.tsx

@@ -32,7 +32,7 @@ export function Page() {
 	const onSubmit = (data: any) => {
 		setLoading(true);
 		setOnboarding((prev) => ({ ...prev, metadata: data }));
-		navigate("/auth/create/step-3");
+		navigate("/app/auth/create/step-3");
 	};
 
 	useEffect(() => {

src/app/auth/pages/import/index.page.tsx

@@ -43,7 +43,7 @@ export function Page() {
 
 			if (typeof getPublicKey(privkey) === "string") {
 				setOnboardingPrivkey((prev) => ({ ...prev, privkey: privkey }));
-				navigate("/auth/import/step-2");
+				navigate("/app/auth/import/step-2");
 			}
 		} catch (error) {
 			setError("key", {
@@ -63,10 +63,9 @@ export function Page() {
 				</div>
 				<div className="flex flex-col gap-4">
 					<div>
-						{/* #TODO: add function */}
 						<button
 							type="button"
-							className="inline-flex w-full transform items-center justify-center gap-1.5 rounded-lg bg-zinc-900 px-3.5 py-2.5 font-medium text-zinc-400 active:translate-y-1"
+							className="inline-flex w-full transform items-center justify-center gap-1.5 rounded-lg bg-zinc-900 ring-1 ring-zinc-800 px-3.5 py-2.5 font-medium text-zinc-400 active:translate-y-1"
 						>
 							<div className="inline-flex items-center rounded-md bg-zinc-400/10 px-2 py-0.5 text-xs font-medium ring-1 ring-inset ring-zinc-400/20">
 								<span className="bg-gradient-to-r from-fuchsia-300 via-orange-100 to-amber-300 bg-clip-text text-transparent">

src/app/auth/pages/import/step-2/index.page.tsx

@@ -67,7 +67,7 @@ export function Page() {
 			.then((res) => {
 				if (res) {
 					for (const tag of onboarding.follows) {
-						fetch(`https://us.rbr.bio/${tag[1]}/metadata.json`)
+						fetch(`https://rbr.bio/${tag[1]}/metadata.json`)
 							.then((data) => data.json())
 							.then((data) => createPleb(tag[1], data ?? ""));
 					}

src/app/auth/pages/index/index.page.tsx

@@ -112,14 +112,14 @@ export function Page() {
 				</h1>
 				<div className="mt-4 flex flex-col items-center gap-1.5">
 					<a
-						href="/auth/create"
+						href="/app/auth/create"
 						className="relative inline-flex h-14 w-64 items-center justify-center gap-2 rounded-full bg-zinc-900 px-6 text-lg font-medium ring-1 ring-zinc-800 hover:bg-zinc-800"
 					>
 						Create new key
 						<ArrowRightIcon width={20} height={20} />
 					</a>
 					<a
-						href="/auth/import"
+						href="/app/auth/import"
 						className="inline-flex h-14 w-64 items-center justify-center gap-2 rounded-full px-6 text-base font-medium text-zinc-300 hover:bg-zinc-800"
 					>
 						Login with private key

src/app/index/pages/index.page.tsx

@@ -13,7 +13,7 @@ export function Page() {
 	});
 
 	if (!isLoading && !data) {
-		navigate("/auth", { overwriteLastHistoryEntry: true });
+		navigate("/app/auth", { overwriteLastHistoryEntry: true });
 	}
 
 	if (!isLoading && data) {
@@ -21,6 +21,6 @@ export function Page() {
 	}
 
 	return (
-		<div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-white" />
+		<div className="h-screen w-screen bg-zinc-50 text-zinc-900 dark:bg-black dark:text-zinc-100" />
 	);
 }