Update package-lock.json and package.json to include 'globals' dependency and improve code formatting in various components for better readability.

pages/registrieren.vue

@@ -11,10 +11,16 @@
       </div>
 
       <div class="bg-white rounded-xl shadow-lg p-8">
-        <form @submit.prevent="handleRegister" class="space-y-6">
+        <form
+          class="space-y-6"
+          @submit.prevent="handleRegister"
+        >
           <!-- Name -->
           <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="name"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               Vollständiger Name
             </label>
             <input
@@ -25,12 +31,15 @@
               autocomplete="name"
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               placeholder="Max Mustermann"
-            />
+            >
           </div>
 
           <!-- Email -->
           <div>
-            <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="email"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               E-Mail-Adresse
             </label>
             <input
@@ -41,12 +50,15 @@
               autocomplete="email"
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               placeholder="ihre-email@example.com"
-            />
+            >
           </div>
 
           <!-- Phone -->
           <div>
-            <label for="phone" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="phone"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               Telefonnummer (optional)
             </label>
             <input
@@ -56,12 +68,15 @@
               autocomplete="tel"
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               placeholder="069-12345678"
-            />
+            >
           </div>
 
           <!-- Password -->
           <div>
-            <label for="password" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="password"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               Passwort
             </label>
             <input
@@ -72,7 +87,7 @@
               autocomplete="new-password"
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               placeholder="••••••••"
-            />
+            >
             <p class="mt-1 text-xs text-gray-500">
               Mindestens 8 Zeichen
             </p>
@@ -80,7 +95,10 @@
 
           <!-- Confirm Password -->
           <div>
-            <label for="confirmPassword" class="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              for="confirmPassword"
+              class="block text-sm font-medium text-gray-700 mb-2"
+            >
               Passwort bestätigen
             </label>
             <input
@@ -91,21 +109,33 @@
               autocomplete="new-password"
               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-600 focus:border-transparent transition-all"
               placeholder="••••••••"
-            />
+            >
           </div>
 
           <!-- Error Message -->
-          <div v-if="errorMessage" class="bg-red-50 border border-red-200 rounded-lg p-4">
+          <div
+            v-if="errorMessage"
+            class="bg-red-50 border border-red-200 rounded-lg p-4"
+          >
             <p class="text-sm text-red-800 flex items-center">
-              <AlertCircle :size="18" class="mr-2" />
+              <AlertCircle
+                :size="18"
+                class="mr-2"
+              />
               {{ errorMessage }}
             </p>
           </div>
 
           <!-- Success Message -->
-          <div v-if="successMessage" class="bg-green-50 border border-green-200 rounded-lg p-4">
+          <div
+            v-if="successMessage"
+            class="bg-green-50 border border-green-200 rounded-lg p-4"
+          >
             <p class="text-sm text-green-800 flex items-center">
-              <Check :size="18" class="mr-2" />
+              <Check
+                :size="18"
+                class="mr-2"
+              />
               {{ successMessage }}
             </p>
           </div>
@@ -116,7 +146,11 @@
             :disabled="isLoading"
             class="w-full px-6 py-3 bg-primary-600 hover:bg-primary-700 disabled:bg-gray-400 text-white font-semibold rounded-lg transition-colors flex items-center justify-center"
           >
-            <Loader2 v-if="isLoading" :size="20" class="mr-2 animate-spin" />
+            <Loader2
+              v-if="isLoading"
+              :size="20"
+              class="mr-2 animate-spin"
+            />
             <span>{{ isLoading ? 'Wird gesendet...' : 'Registrierung beantragen' }}</span>
           </button>
 
@@ -135,7 +169,10 @@
       <!-- Info Box -->
       <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4">
         <p class="text-sm text-yellow-800">
-          <Info :size="16" class="inline mr-1" />
+          <Info
+            :size="16"
+            class="inline mr-1"
+          />
           <strong>Hinweis:</strong> Ihre Registrierung muss vom Vorstand freigegeben werden. 
           Sie erhalten eine E-Mail, sobald Ihr Zugang aktiviert wurde.
         </p>