diff --git a/002_source/cms/src/app/dashboard/settings/notifications/page.tsx b/002_source/cms/src/app/dashboard/settings/notifications/page.tsx
index 15f2203..452de8d 100644
--- a/002_source/cms/src/app/dashboard/settings/notifications/page.tsx
+++ b/002_source/cms/src/app/dashboard/settings/notifications/page.tsx
@@ -1,19 +1,23 @@
+'use client';
+
 import * as React from 'react';
 import type { Metadata } from 'next';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
+import { useTranslation } from 'react-i18next';
 
 import { config } from '@/config';
 import { EmailNotifications } from '@/components/dashboard/settings/email-notifications';
 import { PhoneNotifications } from '@/components/dashboard/settings/phone-notifications';
 
-export const metadata = { title: `Notifications | Settings | Dashboard | ${config.site.name}` } satisfies Metadata;
+// export const metadata = { title: `Notifications | Settings | Dashboard | ${config.site.name}` } satisfies Metadata;
 
 export default function Page(): React.JSX.Element {
+  const { t } = useTranslation();
   return (
     <Stack spacing={4}>
       <div>
-        <Typography variant="h4">Notifications</Typography>
+        <Typography variant="h4">{t('Notifications')}</Typography>
       </div>
       <Stack spacing={4}>
         <EmailNotifications />