feat: create UI components pie chart

[yuki-92c]

Overview

• Add pie chart component in the components/ui folder based on the design on Figma.

Changes

• Style the design

Review points

• The styling matches the Figma design

Screenshots or videos

• figma design

  

• pie chart component

  

Notes

• example code

import { Progress } from '../components/ui/piechart';

export default function Home() {
  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      <div className="h-full w-full">
          <Progress progressPercent={90} />
      </div>
    </main>
  );
}

Assignee Checklist:

• [x] The base branch is correct (no accidental merges)
• [x] The branch name follows our branch naming rules
• [x] The PR title follows our PR title rules
• [x] My code follows our coding style
• [x] I have commented on my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings or errors in the console

Reviewer Checklist:

• [x] Code readability and simplicity
• [x] Follows best practices and coding standards
• [x] Understandable and maintainable code