Polish tasks hero and dialog

resources/js/admin/i18n/locales/de/management.json

@@ -581,6 +581,10 @@
       "limitSkipped": "{{count}} Fotoaufgaben wegen Limit übersprungen.",
       "created": "Fotoaufgabe gespeichert",
       "removed": "Fotoaufgabe entfernt",
+      "remove": "Entfernen",
+      "removeTitle": "Fotoaufgabe entfernen?",
+      "removeBody": "\"{{title}}\" wird aus dem Event entfernt.",
+      "removeBodyFallback": "Die Fotoaufgabe wird aus dem Event entfernt.",
       "imported": "Fotoaufgabenpaket importiert",
       "saveTask": "Fotoaufgabe speichern",
       "add": "Hinzufügen",

resources/js/admin/i18n/locales/en/management.json

@@ -577,6 +577,10 @@
       "limitSkipped": "Skipped {{count}} tasks due to limit.",
       "created": "Photo task saved",
       "removed": "Photo task removed",
+      "remove": "Remove",
+      "removeTitle": "Remove photo task?",
+      "removeBody": "This will remove \"{{title}}\" from the event.",
+      "removeBodyFallback": "This will remove the photo task from the event.",
       "imported": "Photo task pack imported",
       "saveTask": "Save photo task",
       "add": "Add",

resources/js/admin/mobile/EventTasksPage.tsx

@@ -1083,17 +1083,9 @@ export default function MobileEventTasksPage() {
             >
               <YStack space="$2">
                 <XStack alignItems="center" justifyContent="space-between" space="$2">
-                  <YStack space="$1" flex={1}>
+                  <Text fontSize="$xs" fontWeight="700" color={text}>
-                    <Text fontSize="$sm" fontWeight="800" color={text}>
                     {t('events.tasks.toggle.title', 'Photo task mode')}
                   </Text>
-                  </YStack>
-                  <XStack alignItems="center" space="$2">
-                    <PillBadge tone={tasksEnabled ? 'success' : 'warning'}>
-                      {tasksEnabled
-                        ? t('events.tasks.toggle.active', 'ACTIVE')
-                        : t('events.tasks.toggle.inactive', 'INACTIVE')}
-                    </PillBadge>
                   <Pressable
                     onPress={() => setShowTaskDetails((prev) => !prev)}
                     aria-label={t(
@@ -1115,11 +1107,20 @@ export default function MobileEventTasksPage() {
                     </XStack>
                   </Pressable>
                 </XStack>
-                </XStack>
+                <XStack
-                <XStack alignItems="center" justifyContent="space-between" space="$2">
+                  alignItems="center"
-                  <Text fontSize="$sm" fontWeight="700" color={text}>
+                  justifyContent="space-between"
+                  paddingHorizontal="$2.5"
+                  paddingVertical="$2"
+                  borderRadius={14}
+                  borderWidth={1}
+                  borderColor={border}
+                  backgroundColor={surface}
+                >
+                  <Text fontSize="$xs" fontWeight="700" color={text}>
                     {t('events.tasks.toggle.switchLabel', 'Photo tasks for guests')}
                   </Text>
+                  <XStack alignItems="center" space="$2">
                     <Switch
                       size="$4"
                       checked={tasksEnabled}
@@ -1129,6 +1130,12 @@ export default function MobileEventTasksPage() {
                     >
                       <Switch.Thumb />
                     </Switch>
+                    <PillBadge tone={tasksEnabled ? 'success' : 'warning'}>
+                      {tasksEnabled
+                        ? t('events.tasks.toggle.active', 'ACTIVE')
+                        : t('events.tasks.toggle.inactive', 'INACTIVE')}
+                    </PillBadge>
+                  </XStack>
                 </XStack>
                 <Text fontSize="$xs" color={muted}>
                   {tasksEnabled