chore: implementiere MsFilePicker-Komponente, ersetze veraltete Input-Felder in Geräteneukonfiguration und ZNS-Importer, verbessere Vereinskarten-Darstellung und Detail-UX, behebe Tippfehler in settings.json

frontend/features/veranstalter-feature/src/jvmMain/kotlin/at/mocode/frontend/features/veranstalter/presentation/VeranstalterDetailScreen.kt

@@ -11,6 +11,7 @@ import androidx.compose.material.icons.filled.Add
 import androidx.compose.material.icons.filled.Delete
 import androidx.compose.material.icons.filled.Search
 import androidx.compose.material.icons.filled.Settings
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
@@ -124,17 +125,26 @@ fun VeranstalterDetailScreen(
   }
 
   Column(modifier = Modifier.fillMaxSize()) {
+    // ── Header mit Zurück-Pfeil ─────────────────────────────────────────
+    Row(
+      modifier = Modifier.fillMaxWidth().padding(16.dp),
+      verticalAlignment = Alignment.CenterVertically,
+      horizontalArrangement = Arrangement.spacedBy(12.dp)
+    ) {
+      IconButton(onClick = onZurueck) {
+        Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "Zurück")
+      }
+      Text("Veranstalter-Profil", style = MaterialTheme.typography.headlineSmall)
+    }
 
     // ── Veranstalter-Header-Card ─────────────────────────────────────────
-    Surface(
-      modifier = Modifier.fillMaxWidth(),
-      color = Color.White,
+    Card(
+      modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp),
+      colors = CardDefaults.cardColors(containerColor = Color.White),
       border = BorderStroke(1.dp, Color(0xFFE2E8F0)),
     ) {
       Row(
-        modifier = Modifier
-          .fillMaxWidth()
-          .padding(16.dp),
+        modifier = Modifier.fillMaxWidth().padding(16.dp),
         verticalAlignment = Alignment.Top,
         horizontalArrangement = Arrangement.SpaceBetween,
       ) {
@@ -186,12 +196,12 @@ fun VeranstalterDetailScreen(
         }
         // Profil bearbeiten
         OutlinedButton(
-          onClick = { /* TODO */ },
+          onClick = { /* Navigation zu Vereinen */ },
           border = BorderStroke(1.dp, Color(0xFFD1D5DB)),
         ) {
           Icon(Icons.Default.Settings, contentDescription = null, modifier = Modifier.size(14.dp))
           Spacer(Modifier.width(4.dp))
-          Text("Profil bearbeiten", fontSize = 13.sp)
+          Text("Bearbeiten", fontSize = 13.sp)
         }
       }
     }

frontend/features/veranstalter-feature/src/jvmMain/kotlin/at/mocode/frontend/features/veranstalter/presentation/VeranstalterNeuScreen.kt

@@ -4,6 +4,7 @@ import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.filled.Info
 import androidx.compose.material3.*
 import androidx.compose.runtime.*
@@ -13,6 +14,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import at.mocode.frontend.core.designsystem.components.MsTextField
 
 /**
  * Formular zum Anlegen eines neuen Veranstalters (Vision_03: Screenshot 21).
@@ -47,18 +49,27 @@ fun VeranstalterNeuScreen(
       .verticalScroll(rememberScrollState()),
   ) {
     // Header
-    Column(modifier = Modifier.padding(horizontal = 40.dp, vertical = 24.dp)) {
-      Text(
-        text = "Neuen Veranstalter anlegen",
-        fontSize = 22.sp,
-        fontWeight = FontWeight.Bold,
-      )
-      Spacer(Modifier.height(4.dp))
-      Text(
-        text = "Legen Sie einen neuen Veranstalter (Verein) mit OEPS-Daten an. Nach dem Speichern werden automatisch Login-Daten generiert.",
-        fontSize = 13.sp,
-        color = Color(0xFF6B7280),
-      )
+    Row(
+      modifier = Modifier.padding(horizontal = 40.dp, vertical = 24.dp),
+      verticalAlignment = Alignment.CenterVertically,
+      horizontalArrangement = Arrangement.spacedBy(12.dp)
+    ) {
+      IconButton(onClick = onAbbrechen) {
+        Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "Zurück")
+      }
+      Column {
+        Text(
+          text = "Neuen Veranstalter anlegen",
+          fontSize = 22.sp,
+          fontWeight = FontWeight.Bold,
+        )
+        Spacer(Modifier.height(4.dp))
+        Text(
+          text = "Legen Sie einen neuen Veranstalter (Verein) mit OEPS-Daten an. Nach dem Speichern werden automatisch Login-Daten generiert.",
+          fontSize = 13.sp,
+          color = Color(0xFF6B7280),
+        )
+      }
     }
 
     // Info-Banner
@@ -110,65 +121,46 @@ fun VeranstalterNeuScreen(
         // --- Vereinsdaten ---
         Text("Vereinsdaten", fontWeight = FontWeight.SemiBold, fontSize = 14.sp)
 
-        OutlinedTextField(
+        MsTextField(
           value = vereinsname,
           onValueChange = { vereinsname = it },
-          label = { Text("Vereinsname *") },
+          label = "Vereinsname *",
           modifier = Modifier.fillMaxWidth(),
-          singleLine = true,
         )
 
-        Column {
-          OutlinedTextField(
-            value = oepsNummer,
-            onValueChange = { oepsNummer = it },
-            label = { Text("OEPS-Nummer *") },
-            modifier = Modifier.fillMaxWidth(),
-            singleLine = true,
-          )
-          Text(
-            text = "Offizielle Vereinsnummer des OEPS",
-            fontSize = 11.sp,
-            color = Color(0xFF2563EB),
-            modifier = Modifier.padding(start = 4.dp, top = 2.dp),
-          )
-        }
+        MsTextField(
+          value = oepsNummer,
+          onValueChange = { oepsNummer = it },
+          label = "OEPS-Nummer *",
+          modifier = Modifier.fillMaxWidth(),
+          helperText = "Offizielle Vereinsnummer des OEPS"
+        )
 
         HorizontalDivider()
 
         // --- Kontaktdaten ---
         Text("Kontaktdaten", fontWeight = FontWeight.SemiBold, fontSize = 14.sp)
 
-        OutlinedTextField(
+        MsTextField(
           value = ansprechpartner,
           onValueChange = { ansprechpartner = it },
-          label = { Text("Ansprechpartner *") },
+          label = "Ansprechpartner *",
           modifier = Modifier.fillMaxWidth(),
-          singleLine = true,
         )
 
-        Column {
-          OutlinedTextField(
-            value = email,
-            onValueChange = { email = it },
-            label = { Text("E-Mail *") },
-            modifier = Modifier.fillMaxWidth(),
-            singleLine = true,
-          )
-          Text(
-            text = "Login-Daten werden an diese Adresse verschickt",
-            fontSize = 11.sp,
-            color = Color(0xFF6B7280),
-            modifier = Modifier.padding(start = 4.dp, top = 2.dp),
-          )
-        }
+        MsTextField(
+          value = email,
+          onValueChange = { email = it },
+          label = "E-Mail *",
+          modifier = Modifier.fillMaxWidth(),
+          helperText = "Login-Daten werden an diese Adresse verschickt"
+        )
 
-        OutlinedTextField(
+        MsTextField(
           value = telefon,
           onValueChange = { telefon = it },
-          label = { Text("Telefon") },
+          label = "Telefon",
           modifier = Modifier.fillMaxWidth(),
-          singleLine = true,
         )
 
         HorizontalDivider()
@@ -176,28 +168,25 @@ fun VeranstalterNeuScreen(
         // --- Adresse ---
         Text("Adresse", fontWeight = FontWeight.SemiBold, fontSize = 14.sp)
 
-        OutlinedTextField(
+        MsTextField(
           value = strasse,
           onValueChange = { strasse = it },
-          label = { Text("Straße & Hausnummer") },
+          label = "Straße & Hausnummer",
           modifier = Modifier.fillMaxWidth(),
-          singleLine = true,
         )
 
         Row(horizontalArrangement = Arrangement.spacedBy(12.dp)) {
-          OutlinedTextField(
+          MsTextField(
             value = plz,
             onValueChange = { plz = it },
-            label = { Text("PLZ") },
+            label = "PLZ",
             modifier = Modifier.width(120.dp),
-            singleLine = true,
           )
-          OutlinedTextField(
+          MsTextField(
             value = ort,
             onValueChange = { ort = it },
-            label = { Text("Ort") },
+            label = "Ort",
             modifier = Modifier.weight(1f),
-            singleLine = true,
           )
         }
       }