build ok,

002_source/cms/src/app/dashboard/page.tsx

@@ -17,7 +17,7 @@ import { Users as UsersIcon } from '@phosphor-icons/react/dist/ssr/Users';
 import { Warning as WarningIcon } from '@phosphor-icons/react/dist/ssr/Warning';
 import { useTranslation } from 'react-i18next';
 
-import { config } from '@/config';
+// import { config } from '@/config';
 import { dayjs } from '@/lib/dayjs';
 import { AppChat } from '@/components/dashboard/overview/app-chat';
 import { AppLimits } from '@/components/dashboard/overview/app-limits';
@@ -47,23 +47,23 @@ export default function Page(): React.JSX.Element {
       <Stack spacing={4}>
         <Stack direction={{ xs: 'column', sm: 'row' }} spacing={3} sx={{ alignItems: 'flex-start' }}>
           <Box sx={{ flex: '1 1 auto' }}>
-            <Typography variant="h4">Overview</Typography>
+            <Typography variant="h4">{t('Overview')}</Typography>
           </Box>
           <div>
             <Button startIcon={<PlusIcon />} variant="contained">
-              Dashboard
+              {t('Dashboard')}
             </Button>
           </div>
         </Stack>
         <Grid container spacing={4}>
           <Grid md={4} xs={12}>
-            <Summary amount={31} diff={15} icon={ListChecksIcon} title="Tickets" trend="up" />
+            <Summary amount={31} diff={15} icon={ListChecksIcon} title={t('Tickets')} trend="up" />
           </Grid>
           <Grid md={4} xs={12}>
-            <Summary amount={240} diff={5} icon={UsersIcon} title="Sign ups" trend="down" />
+            <Summary amount={240} diff={5} icon={UsersIcon} title={t('Sign ups')} trend="down" />
           </Grid>
           <Grid md={4} xs={12}>
-            <Summary amount={21} diff={12} icon={WarningIcon} title="Open issues" trend="up" />
+            <Summary amount={21} diff={12} icon={WarningIcon} title={t('Open issues')} trend="up" />
           </Grid>
           <Grid md={8} xs={12}>
             <AppUsage
@@ -170,7 +170,7 @@ export default function Page(): React.JSX.Element {
               events={[
                 {
                   id: 'EV-004',
-                  title: 'Meeting with partners',
+                  title: t('Meeting with partners'),
                   description: '17:00 to 18:00',
                   createdAt: dayjs().add(1, 'day').toDate(),
                 },
@@ -202,39 +202,39 @@ export default function Page(): React.JSX.Element {
             <HelperWidget
               action={
                 <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
-                  Search jobs
+                  {t('Search jobs')}
                 </Button>
               }
-              description="Search for jobs that match your skills and apply to them directly."
+              description={t('Search for jobs that match your skills and apply to them directly.')}
               icon={BriefcaseIcon}
-              label="Jobs"
-              title="Find your dream job"
+              label={t('Jobs')}
+              title={t('Find your dream job')}
             />
           </Grid>
           <Grid md={4} xs={12}>
             <HelperWidget
               action={
                 <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
-                  Help center
+                  {t('Help center')}
                 </Button>
               }
-              description="Find answers to your questions and get in touch with our team."
+              description={t('Find answers to your questions and get in touch with our team.')}
               icon={InfoIcon}
-              label="Help center"
-              title="Need help figuring things out?"
+              label={t('Help center')}
+              title={t('Need help figuring things out?')}
             />
           </Grid>
           <Grid md={4} xs={12}>
             <HelperWidget
               action={
                 <Button color="secondary" endIcon={<ArrowRightIcon />} size="small">
-                  Documentation
+                  {t('Documentation')}
                 </Button>
               }
-              description="Learn how to get started with our product and make the most of it."
+              description={t('Learn how to get started with our product and make the most of it.')}
               icon={FileCodeIcon}
-              label="Documentation"
-              title="Explore documentation"
+              label={t('Documentation')}
+              title={t('Explore documentation')}
             />
           </Grid>
         </Grid>