Integrate next-intl for internationalization support across the application. Updated configuration to include next-intl plugin and modified components to utilize translation hooks for dynamic text rendering. Enhanced user experience by localizing navigation labels and form messages in various views, including login and dashboard components.

src/views/dashboards/farm/EconomicOverview.tsx

@@ -2,6 +2,7 @@
 
 // Next Imports
 import dynamic from 'next/dynamic'
+import { useTranslations } from 'next-intl'
 
 // MUI Imports
 import Card from '@mui/material/Card'
@@ -35,6 +36,7 @@ interface EconomicOverviewProps {
 }
 
 const EconomicOverview = ({ data }: EconomicOverviewProps) => {
+  const t = useTranslations('farmDashboard')
   const economicData = (data?.economicData as EconomicItem[] | undefined) ?? []
   const chartSeries = (data?.chartSeries as Array<{ name: string; data: number[] }>) ?? []
   const chartCategories = (data?.chartCategories as string[]) ?? ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
@@ -74,7 +76,7 @@ const EconomicOverview = ({ data }: EconomicOverviewProps) => {
   return (
     <Card>
       <CardHeader
-        title='Economic Overview'
+        title={t('cards.economicOverview')}
         subheader='Costs & ROI'
         action={<OptionMenu options={['Export PDF', 'Export Excel', 'Details']} />}
       />