feat: add for you column

packages/ui/src/onboarding/home.tsx

@@ -1,12 +1,12 @@
 import { ArrowRightIcon, PopperFilledIcon } from "@lume/icons";
 import { onboardingAtom } from "@lume/utils";
 import { motion } from "framer-motion";
-import { useSetAtom } from "jotai";
+import { useAtom } from "jotai";
 import { useNavigate } from "react-router-dom";
 
 export function OnboardingHomeScreen() {
 	const navigate = useNavigate();
-	const setOnboarding = useSetAtom(onboardingAtom);
+	const [onboarding, setOnboarding] = useAtom(onboardingAtom);
 
 	return (
 		<motion.div
@@ -27,7 +27,9 @@ export function OnboardingHomeScreen() {
 			<div className="mt-4 flex flex-col gap-2 items-center">
 				<button
 					type="button"
-					onClick={() => navigate("/profile")}
+					onClick={() =>
+						onboarding.newUser ? navigate("/profile") : navigate("/interests")
+					}
 					className="inline-flex items-center justify-center gap-2 w-44 font-medium h-11 rounded-xl bg-blue-100 text-blue-500 hover:bg-blue-200 dark:bg-blue-900 dark:text-blue-500 dark:hover:bg-blue-800"
 				>
 					Profile Settings
@@ -35,7 +37,7 @@ export function OnboardingHomeScreen() {
 				</button>
 				<button
 					type="button"
-					onClick={() => setOnboarding(false)}
+					onClick={() => setOnboarding({ open: false, newUser: false })}
 					className="inline-flex items-center justify-center gap-2 w-44 px-5 font-medium h-11 rounded-xl hover:bg-neutral-100 dark:hover:bg-neutral-900 text-neutral-700 dark:text-neutral-600"
 				>
 					Skip

packages/ui/src/onboarding/modal.tsx

@@ -7,7 +7,7 @@ export function OnboardingModal() {
 	const onboarding = useAtomValue(onboardingAtom);
 
 	return (
-		<Dialog.Root open={onboarding}>
+		<Dialog.Root open={onboarding.open}>
 			<Dialog.Portal>
 				<Dialog.Overlay className="fixed inset-0 z-50 bg-black/10 backdrop-blur-sm dark:bg-white/10" />
 				<Dialog.Content className="fixed inset-0 z-50 flex items-center justify-center min-h-full">

packages/ui/src/routes/event.tsx

@@ -29,7 +29,7 @@ export function EventRoute() {
 				</div>
 				<div className="px-3">
 					<ThreadNote eventId={id} />
-					<ReplyList eventId={id} />
+					<ReplyList eventId={id} className="mt-3" />
 				</div>
 			</WindowVirtualizer>
 		</div>