Implement passkey login functionality and enhance passkey support checks

pages/mitgliederbereich/profil.vue

@@ -198,8 +198,6 @@
             </div>
           </div>
 
-          <!-- Passkeys - vorläufig deaktiviert -->
-          <!--
           <div class="border-t border-gray-200 pt-6 mt-6">
             <h3 class="text-lg font-semibold text-gray-900 mb-2">
               Passkeys
@@ -208,6 +206,13 @@
               Passkeys erlauben eine Anmeldung ohne Passwort (z.B. per Fingerabdruck/FaceID/Windows Hello).
             </p>
 
+            <p
+              v-if="!isPasskeySupported"
+              class="text-sm text-amber-700 mb-4"
+            >
+              Passkeys sind in diesem Browser bzw. ohne HTTPS nicht verfügbar.
+            </p>
+
             <div
               v-if="passkeyError"
               class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm mb-3"
@@ -264,7 +269,6 @@
               </li>
             </ul>
           </div>
-          -->
 
           <!-- Error/Success Messages -->
           <div
@@ -334,7 +338,7 @@ const passkeyLoading = ref(false)
 const passkeyError = ref('')
 const isPasskeySupported = ref(false)
 if (process.client) {
-  isPasskeySupported.value = !!window.PublicKeyCredential
+  isPasskeySupported.value = !!window.PublicKeyCredential && !!window.isSecureContext
 }
 
 const formData = ref({
@@ -503,8 +507,9 @@ const handleSave = async () => {
 
 onMounted(() => {
   loadProfile()
-  // Passkey-Verwaltung vorläufig deaktiviert
-  // loadPasskeys()
+  if (isPasskeySupported.value) {
+    loadPasskeys()
+  }
 })
 
 definePageMeta({