feat: improve onboarding

packages/ui/src/onboarding/interest.tsx

@@ -57,8 +57,8 @@ export function OnboardingInterestScreen() {
 			<div className="w-full flex-1 min-h-0 flex flex-col justify-between">
 				<div className="flex-1 min-h-0 overflow-y-auto px-8 py-8">
 					<div className="flex flex-col gap-8">
-						{TOPICS.map((topic, index) => (
-							<div key={topic.title + index} className="flex flex-col gap-4">
+						{TOPICS.map((topic) => (
+							<div key={topic.title} className="flex flex-col gap-4">
 								<div className="w-full flex items-center justify-between">
 									<div className="inline-flex items-center gap-2.5">
 										<img
@@ -79,6 +79,7 @@ export function OnboardingInterestScreen() {
 								<div className="flex flex-wrap items-center gap-3">
 									{topic.content.map((hashtag) => (
 										<button
+											key={hashtag}
 											type="button"
 											onClick={() => toggleHashtag(hashtag)}
 											className={cn(