feat: add employee push test button

frontend/pages/staff/profiles/[id].vue

@@ -4,6 +4,7 @@ const route = useRoute()
 const toast = useToast()
 const auth = useAuthStore()
 const admin = useAdmin()
+const desktopPush = useDesktopPush()
 const { $api } = useNuxtApp()
 const runtimeConfig = useRuntimeConfig()
 
@@ -17,6 +18,7 @@ const creatingLinkedUser = ref(false)
 const createLinkedUserModalOpen = ref(false)
 const createdLinkedUserPassword = ref("")
 const generatingCalendarSubscription = ref(false)
+const sendingTestPush = ref(false)
 const createLinkedUserForm = reactive({
   email: "",
 })
@@ -270,6 +272,30 @@ async function copyCalendarSubscriptionUrl(value: string, successTitle: string)
   }
 }
 
+async function sendTestPush() {
+  if (!profile.value?.user_id || sendingTestPush.value) return
+
+  sendingTestPush.value = true
+
+  try {
+    await desktopPush.sendTestPushToProfile(profile.value.id)
+    toast.add({
+      title: "Test-Push gesendet",
+      description: `Die Nachricht wurde einmalig an ${profile.value.full_name || "den Mitarbeiter"} gesendet.`,
+      color: "green"
+    })
+  } catch (err: any) {
+    console.error("[sendTestPush]", err)
+    toast.add({
+      title: "Test-Push fehlgeschlagen",
+      description: err?.data?.error || err?.message || "Die Testnachricht konnte nicht zugestellt werden.",
+      color: "red"
+    })
+  } finally {
+    sendingTestPush.value = false
+  }
+}
+
 const weekdays = [
   { key: '1', label: 'Montag' },
   { key: '2', label: 'Dienstag' },
@@ -456,6 +482,35 @@ onMounted(async () => {
       description="Lege fest, unter welcher Nebenstelle dieser Benutzer erreichbar ist."
     />
 
+    <UCard v-if="!pending && profile" class="mt-3">
+      <USeparator label="Push-Benachrichtigung" />
+
+      <div class="mt-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-white">Push-Zustellung testen</p>
+          <p class="mt-1 text-sm text-gray-500">
+            <template v-if="profile.user_id">
+              Sendet einmalig eine Testnachricht an alle aktiven Push-Geräte dieses Mitarbeiters.
+            </template>
+            <template v-else>
+              Für einen Push-Test muss der Mitarbeiter zuerst mit einem Benutzerkonto verknüpft werden.
+            </template>
+          </p>
+        </div>
+
+        <UButton
+          icon="i-heroicons-paper-airplane"
+          color="neutral"
+          variant="outline"
+          :loading="sendingTestPush"
+          :disabled="!profile.user_id"
+          @click="sendTestPush"
+        >
+          Test-Push senden
+        </UButton>
+      </div>
+    </UCard>
+
     <UCard v-if="!pending && profile" class="mt-3">
       <USeparator label="Vertragsinformationen" />