Adding minZoom extension property for Wpts

src/components/wpt/Wpt.tsx

@@ -160,6 +160,17 @@ export const Wpt: Component<Props> = ({ vectorSource, wptId: wptId }) => {
               setEditedWpt({ ...editedWpt(), sym: value });
             }}
           />
+          <TextField
+            label={t('minZoom')}
+            defaultValue={wpt()?.extensions?.['dyo:minZoom']?.toString()}
+            onChange={(event: any, value: string) => {
+              const extensions = {
+                ...editedWpt()?.extensions,
+                'dyo:minZoom': parseFloat(value),
+              };
+              setEditedWpt({ ...editedWpt(), extensions });
+            }}
+          />
           <Stack spacing={2} direction='row' sx={{ marginTop: '20px' }}>
             <Button variant='outlined' color='secondary' onClick={closeHandler}>
               {t('cancel')}