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

components/About.vue

@@ -1,5 +1,8 @@
 <template>
-  <section id="about" class="py-16 sm:py-20 bg-gradient-to-b from-white to-gray-50">
+  <section
+    id="about"
+    class="py-16 sm:py-20 bg-gradient-to-b from-white to-gray-50"
+  >
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="text-center mb-16">
         <h2 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-4">
@@ -36,7 +39,9 @@
             Jährlich finden außerdem unsere Vereinsmeisterschaften statt.
           </p>
           <div class="bg-primary-50 border-l-4 border-primary-600 p-6 rounded-lg">
-            <h4 class="text-xl font-semibold text-primary-800 mb-3">Wir suchen Verstärkung!</h4>
+            <h4 class="text-xl font-semibold text-primary-800 mb-3">
+              Wir suchen Verstärkung!
+            </h4>
             <p class="text-primary-700 mb-4">
               Wir suchen ständig Verstärkungen für unsere Mannschaften!
             </p>
@@ -63,7 +68,11 @@
           class="bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow border border-gray-100"
         >
           <div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
-            <component :is="value.icon" :size="24" class="text-primary-600" />
+            <component
+              :is="value.icon"
+              :size="24"
+              class="text-primary-600"
+            />
           </div>
           <h4 class="text-xl font-display font-bold text-gray-900 mb-2">
             {{ value.title }}