[Dashboard] Fix overflow on team overview page (#5356)

## Problem solved

Short description of the bug fixed or feature added

<!-- start pr-codex -->

---

## PR-Codex overview
This PR focuses on modifying the layout of the `PieChartCard` component in the `Analytics` section of the dashboard. It changes a `div` class to improve the responsiveness and wrapping behavior of the child elements.

### Detailed summary
- Changed the class of a `div` from `flex-nowrap` to `flex-wrap` to allow child elements to wrap in the `PieChartCard`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: kien-ngo

apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx

@@ -60,7 +60,7 @@ export function PieChartCard({
         <PieChart title={title} data={processedData} />
       </CardContent>
       <CardFooter className="no-scrollbar flex max-w-full justify-center p-6 pt-0 max-md:overflow-x-auto">
-        <div className="flex flex-nowrap justify-center gap-x-4 gap-y-2.5 md:flex-wrap">
+        <div className="flex flex-wrap justify-center gap-x-4 gap-y-2.5">
           {processedData.map(
             ({ label, fill }: { label: string; fill?: string }) => (
               <div key={fill} className="flex items-center gap-2">