refactor

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