remove example data

src/app/music/page.tsx

@@ -8,7 +8,6 @@ import AnimateTextIn from "../_components/Animated/AnimateIn";
 import { ScrollArea } from "~/components/ui/scroll-area";
 export default function MusicPage() {
 	const { data: tracks, isLoading } = trpc.music.list.useQuery();
-	const randdata = Array.from({ length: 100 }, (_, i) => ({ id: i, value: Math.floor(Math.random() * 50) }));
 	useTimeLine(tracks)
 	return (
 		<ScrollArea className="w-full h-full max-w-4xl mx-auto px-4 py-8 flex flex-col gap-4">
@@ -42,18 +41,6 @@ export default function MusicPage() {
 					</Card.CardContent>
 				</Card.AnimatedCard>
 			))}
-			{randdata.map((d, i) => (
-				<Card.AnimatedCard key={d.id} position={(i + 1) * 0.3}>
-					<Card.CardHeader>
-						<AnimateTextIn position={(i + 1.5) * 0.3} animation="slide">
-							<Card.CardTitle>{d.value}</Card.CardTitle>
-						</AnimateTextIn>
-					</Card.CardHeader>
-					<Card.CardContent className="flex flex-col gap-3">
-						{d.value}
-					</Card.CardContent>
-				</Card.AnimatedCard>
-			))}
 			{!isLoading && !tracks?.length &&
 				<div className="flex justify-center items-center text-muted-foreground">
 					No music yet.