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

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' },
];

export default function Page() {
	return (
		<>
			<div className="split-blocks">
				<MyContentInfoBlock />
				<div className="protection-overview">
					<PieChartComponent data={data} />
				</div>
			</div>
			<FilesTable fileType={'all'}/>
		</>
	)
}