update user files info

src/app/[locale]/pages/my-content/page.tsx

@@ -1,24 +1,15 @@
 import MyContentInfoBlock from '@/app/ui/my-content/my-content-info-block';
-import { PieChartComponent } from '@/app/components/PieChartComponent';
 import FilesTable from '@/app/ui/dashboard/files-table';
-
-const data = [
-	{ name: 'images', value: 33, color: '#f08c00' },
-	{ name: 'videos', value: 50, color: '#2f9e44' },
-	{ name: 'audios', value: 25, color: '#1971c2' },
-	{ name: 'documents', value: 25, color: '#a561e6' },
-];
+import MyContentPieChart from '@/app/ui/my-content/my-content-pie-chart';
 
 export default function Page() {
 	return (
 		<>
 			<div className="split-blocks">
 				<MyContentInfoBlock />
-				<div className="protection-overview">
-					<PieChartComponent data={data} />
-				</div>
+				<MyContentPieChart />
 			</div>
-			<FilesTable fileType={'all'}/>
+			<FilesTable fileType={'all'} />
 		</>
 	)
 }