refactor

src/app/[locale]/pages/dashboard/page.tsx

@@ -4,6 +4,7 @@ import ProtectionOverview from '@/app/ui/dashboard/protection-overview';
 import StatsGrid from '@/app/ui/dashboard/stats-grid';
 import { useTranslations } from 'next-intl';
 import FilesTable from '@/app/ui/dashboard/files-table';
+import PageTitle from '@/app/ui/page-title';
 
 export const metadata: Metadata = {
 	title: 'Dashboard',
@@ -15,9 +16,8 @@ export default function Page() {
 	return (
 		<div>
 			<Suspense fallback={<>...</>}>
-				<h1 className="page-title">
-					{t("statistics")}
-				</h1>
+				<PageTitle title="statistics">
+				</PageTitle>
 				<div className="flex justify-between flex-wrap gap-8">
 					<ProtectionOverview />
 					<StatsGrid />