Add settings page and configurable network map types.

Let users define sector/circle labels and geometry per map type, choose a type when creating maps, and sync types through local backup and API migrations.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/NetworkMapFormModal.vue

@@ -10,6 +10,14 @@
           <label>Название *</label>
           <input v-model="form.name" class="form-control" required placeholder="Например: Коллектив А" />
         </div>
+        <div class="form-group">
+          <label>Тип карты *</label>
+          <select v-model="form.mapTypeId" class="form-control" required>
+            <option v-for="type in mapTypes" :key="type.id" :value="String(type.id)">
+              {{ type.name }}{{ type.isDefault ? ' (по умолчанию)' : '' }}
+            </option>
+          </select>
+        </div>
         <div class="form-group">
           <label>Описание</label>
           <textarea
@@ -45,6 +53,8 @@ const props = defineProps({
   open: { type: Boolean, default: false },
   initial: { type: Object, default: () => ({}) },
   deletable: { type: Boolean, default: false },
+  mapTypes: { type: Array, default: () => [] },
+  defaultMapTypeId: { type: String, default: '' },
 })
 const emit = defineEmits(['close', 'submit', 'delete'])
 
@@ -53,20 +63,28 @@ const isEdit = computed(() => Boolean(props.initial?.id))
 const form = reactive({
   name: '',
   description: '',
+  mapTypeId: '',
 })
 
 watch(
-  () => [props.open, props.initial],
+  () => [props.open, props.initial, props.defaultMapTypeId, props.mapTypes],
   () => {
     if (!props.open) return
     form.name = props.initial?.name || ''
     form.description = props.initial?.description || ''
+    form.mapTypeId = String(
+      props.initial?.mapTypeId || props.defaultMapTypeId || props.mapTypes[0]?.id || ''
+    )
   },
   { immediate: true, deep: true }
 )
 
 function onSubmit() {
-  emit('submit', { name: form.name.trim(), description: form.description.trim() })
+  emit('submit', {
+    name: form.name.trim(),
+    description: form.description.trim(),
+    mapTypeId: form.mapTypeId,
+  })
 }
 </script>