This page is very boring, make it better. "use client"; import Link from "next/link"; import { useRouter, useSearchParams } from "next/navigation"; import { useEffect, useState } from "react"; import { useDebounce } from "use-debounce"; type Question = { id: number; title: string; difficulty: string; subject: string; type: string; questionStatus: { status: string, userId:string|undefined }[]; }; type Props = { questions: Question[]; totalPages: number; currentPage: number; id: string|undefined; }; export default function QuestionListClient({ questions, totalPages, currentPage, id, }: Props) { const router = useRouter(); const searchParams = useSearchParams(); const [search, setSearch] = useState(searchParams.get("search") || ""); const [debouncedSearch] = useDebounce(search, 400); function getStatusIcon(status: string | undefined) { switch (status) { case "PARTIALLY_SOLVED": return ( <svg className="w-5 | A shadcn/ui and v0 generation - v0