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/SensorRadarChart.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'
@@ -23,6 +24,7 @@ interface SensorRadarChartProps {
 }
 
 const SensorRadarChart = ({ data }: SensorRadarChartProps) => {
+  const t = useTranslations('farmDashboard')
   const series = (data?.series as Array<{ name: string; data: number[] }>) ?? []
   const labels = (data?.labels as string[]) ?? []
   const theme = useTheme()
@@ -70,7 +72,7 @@ const SensorRadarChart = ({ data }: SensorRadarChartProps) => {
   return (
     <Card>
       <CardHeader
-        title='Sensor Comparison'
+        title={t('cards.sensorRadarChart')}
         subheader='Today vs Ideal Ranges'
         action={<OptionMenu options={['Today', 'This Week', 'This Month']} />}
       />