fix: finish end user language sweep

frontend/src/App.tsx

@@ -755,7 +755,7 @@ function App(): JSX.Element {
                   aria-expanded={inspectorOpen}
                   aria-controls="workbench-inspector"
                 >
-                  {inspectorOpen ? 'Close details' : 'Open details'}
+                  {inspectorOpen ? 'Details sluiten' : 'Details openen'}
                 </button>
               ) : null}
             </div>

frontend/src/components/exports/ExportPreview.tsx

@@ -18,7 +18,7 @@ export function ExportPreview({ content }: ExportPreviewProps): JSX.Element {
     ? {
         rootKeys: Object.keys(content).length,
         previewSize: formatBytes(new Blob([previewJson]).size),
-        rootType: Array.isArray(content) ? 'array' : 'object',
+        rootType: Array.isArray(content) ? 'lijst' : 'object',
       }
     : null
 
@@ -26,30 +26,30 @@ export function ExportPreview({ content }: ExportPreviewProps): JSX.Element {
     <section className="export-preview-panel">
       <div className="panel-title-row">
         <div>
-          <h2>Export Preview</h2>
-          <p className="muted">JSON and GeoJSON content preview for the selected export artifact.</p>
+          <h2>Voorbeeld</h2>
+          <p className="muted">Bekijk hier de inhoud van een gekozen JSON- of GeoJSON-bestand.</p>
         </div>
-        <span className="count-pill">preview</span>
+        <span className="count-pill">voorbeeld</span>
       </div>
       {content ? (
         <>
           <div className="export-preview-summary" aria-label="Export preview summary">
             <div className="export-preview-summary-card">
-              <span>Root type</span>
+              <span>Type inhoud</span>
               <strong>{previewStats?.rootType}</strong>
             </div>
             <div className="export-preview-summary-card">
-              <span>Root keys</span>
+              <span>Velden</span>
               <strong>{previewStats?.rootKeys}</strong>
             </div>
             <div className="export-preview-summary-card">
-              <span>Preview size</span>
+              <span>Grootte</span>
               <strong>{previewStats?.previewSize}</strong>
             </div>
           </div>
           <div className="export-preview-json-shell">
             <div className="export-preview-json-toolbar">
-              <span>Stored JSON payload</span>
+              <span>Bewaarde JSON-inhoud</span>
               <span>{previewStats?.previewSize}</span>
             </div>
             <div className="export-preview-json-body">
@@ -59,8 +59,8 @@ export function ExportPreview({ content }: ExportPreviewProps): JSX.Element {
         </>
       ) : (
         <div className="empty-state">
-          <strong>No export preview selected.</strong>
-          <p>Use Preview JSON content on a JSON or GeoJSON artifact to inspect the stored payload here.</p>
+          <strong>Nog geen bestand gekozen.</strong>
+          <p>Kies bij een JSON- of GeoJSON-download voor Bekijken om de bewaarde inhoud hier te openen.</p>
         </div>
       )}
     </section>

frontend/src/components/providers/ProviderPanel.tsx

@@ -24,6 +24,17 @@ function authorityLabel(value: string): string {
   return labels[value] ?? value
 }
 
+function providerLayerLabel(value: string): string {
+  const labels: Record<string, string> = {
+    buildings: 'bebouwing',
+    roads: 'wegen',
+    parcels: 'percelen',
+    water: 'water',
+    landuse: 'landgebruik',
+  }
+  return labels[value] ?? value
+}
+
 export function ProviderPanel({
   providers,
   loadingCapabilities,
@@ -94,7 +105,7 @@ export function ProviderPanel({
                 <div className="provider-layer-list" aria-label={`${provider.provider_name} supported layers`}>
                   {provider.supported_layers.map((layer) => (
                     <span className="provider-layer-chip" key={layer}>
-                      {layer}
+                      {providerLayerLabel(layer)}
                     </span>
                   ))}
                 </div>