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 />

src/app/[locale]/pages/marking-audio/page.tsx

@@ -13,7 +13,6 @@ export default async function Page() {
 			<PageTitle title="audio-protection" />
 			<ProtectionSummary />
 			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={file_extension} maxFileSize={max_file_size} />
-			{/* <TestSection /> */}
 			<FilesTable />
 		</div>
 	)

src/app/[locale]/pages/marking-photo/page.tsx

@@ -13,9 +13,7 @@ export default async function Page() {
 			<PageTitle title="image-protection" />
 			<ProtectionSummary />
 			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={file_extension} maxFileSize={max_file_size} />
-			{/* <TestSection /> */}
 			<FilesTable />
-			{/* <ProtectedFilesTable /> */}
 		</div>
 	)
 }

src/app/[locale]/pages/marking-video/page.tsx

@@ -13,7 +13,6 @@ export default async function Page() {
 			<PageTitle title="video-protection" />
 			<ProtectionSummary />
 			<UploadSectionFile fileType={FILE_TYPE} allowedExtensions={file_extension} maxFileSize={max_file_size} />
-			{/* <TestSection /> */}
 			<FilesTable />
 		</div>
 	)

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

@@ -4,11 +4,13 @@ import FinalSummary from '@/app/ui/reports/final-summary';
 import AnalyticsCardMonth from '@/app/ui/reports/analytics-card-month';
 import AnalyticsCardGeography from '@/app/ui/reports/analytics-carв-geography';
 import ActivityByContentType from '@/app/ui/reports/activity-by-content-type';
+import PageTitle from '@/app/ui/page-title';
 
 export default function Page() {
 	return (
 		<div>
-			<h1 className="page-title">Отчёты и аналитика</h1>
+			<PageTitle title="reports-and-analytics">
+			</PageTitle>
 			<StatsGrid />
 			<ActivityByContentType />
 			<div className="analytics-grid">

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

@@ -6,15 +6,15 @@ import APISettings from '@/app/ui/settings/api-settings';
 import LastActivitySettings from '@/app/ui/settings/last-activity-settings';
 import DangerZone from '@/app/ui/settings/danger-zone';
 import { useTranslations } from 'next-intl';
+import PageTitle from '@/app/ui/page-title';
 
 export default function Page() {
 	const t = useTranslations('Global');
 
 	return (
 		<>
-			<h1 className="page-title">
-				{t('account-settings')}
-			</h1>
+			<PageTitle title="account-settings">
+			</PageTitle>
 			<div className="settings-grid">
 				<PersonalDataSettings />
 				<NotificationsMonitoringSettings />