Overhaul GeoIntel model selection and map UX

frontend/src/components/segmentation/SegmentationLab.tsx

@@ -6,6 +6,8 @@ import type {
   SegmentationRunRead,
   SegmentationRunResponse,
 } from '../../types'
+import { ModelSelector } from '../models/ModelSelector'
+import { toAnalysisModelOption } from '../models/modelOptions'
 
 interface SegmentationLabProps {
   segmentationModels: SegmentationModelCapability[]
@@ -253,16 +255,15 @@ export function SegmentationLab({
                 ))}
               </select>
             </label>
-            <label>
-              Analysemodel
-              <select value={selectedSegmentationModelId} onChange={(event) => onSelectModel(event.target.value)}>
-                {segmentationModels.map((model) => (
-                  <option key={model.model_id} value={model.model_id}>
-                    {model.display_name}
-                  </option>
-                ))}
-              </select>
-            </label>
+            <ModelSelector
+              label="Analysemodel"
+              value={selectedSegmentationModelId}
+              options={segmentationModels.map(toAnalysisModelOption)}
+              onChange={onSelectModel}
+              loading={loadingSegmentationModels}
+              error={segmentationModelError}
+              onRefresh={onLoadModels}
+            />
             <label>
               Minimale zekerheid
               <input