LGTM

frontend/src/components/map/map-page/DesktopMapPage.tsx

@@ -1,4 +1,5 @@
 import { Suspense, type MutableRefObject, type ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import type { FeatureFilters, FeatureMeta, POI, PostcodeGeometry, ViewState } from '../../../types';
 import type { useMapData } from '../../../hooks/useMapData';
@@ -106,6 +107,8 @@ export function DesktopMapPage({
   toasts,
   upgradeModal,
 }: DesktopMapPageProps) {
+  const { t } = useTranslation();
+
   return (
     <div className="flex-1 flex overflow-hidden relative">
       <LoadingOverlay show={initialLoading} />
@@ -124,7 +127,7 @@ export function DesktopMapPage({
               showProgress: true,
               skipScroll: true,
             }}
-            locale={{ last: 'Finish' }}
+            locale={{ last: t('common.finish') }}
           />
         </Suspense>
       )}
@@ -194,7 +197,7 @@ export function DesktopMapPage({
           className={`absolute bottom-4 right-4 z-10 px-3 py-2 rounded-lg shadow-lg bg-white dark:bg-warm-800 flex items-center gap-2 ${poiPaneOpen ? 'text-teal-600 dark:text-teal-400' : 'text-warm-500 dark:text-warm-400 hover:text-teal-600 dark:hover:text-teal-400'}`}
         >
           <MapPinIcon className="w-5 h-5" />
-          <span className="text-sm font-medium">Points of interest</span>
+          <span className="text-sm font-medium">{t('poiPane.pointsOfInterest')}</span>
         </button>
         {poiPaneOpen && (
           <div className="absolute bottom-14 right-4 z-10 flex h-[60vh] min-h-0 w-80 flex-col overflow-hidden rounded-lg border border-warm-200 bg-white shadow-xl dark:border-warm-700 dark:bg-warm-900">