Please update this shadcn chart to have a gradient with "linear-gradient(259.15deg, #95C11F 26.59%, #00A188 94.81%)" I also want the data to be dynamic based on the value provided (it's a percentage): "use client"; import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart, } from "recharts"; import { ChartConfig, ChartContainer } from "../../../ui/chart"; const chartData = [ { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, ]; const chartConfig = { visitors: { label: "Progress", }, safari: { label: "Safari", color: "hsl(var(--chart-1))", }, } satisfies ChartConfig; type Props = { value: number; }; export function ProgressChart({ value }: Props) { return ( <ChartContainer config={chartConfig} className="w-96 h-auto mx-auto aspect-square max-h-[250px]" > <RadialBarChart data={chartData} startAngle={-70} endAngle={250} innerRadius={80} outerRadius={110} | A shadcn/ui and v0 generation - v0