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

components/Facilities.vue

@@ -1,5 +1,8 @@
 <template>
-  <section id="facilities" class="py-16 sm:py-20 bg-white">
+  <section
+    id="facilities"
+    class="py-16 sm:py-20 bg-white"
+  >
     <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">
@@ -20,7 +23,11 @@
           <div :class="['absolute top-0 left-0 right-0 h-1 bg-gradient-to-r opacity-0 group-hover:opacity-100 transition-opacity', facility.color]" />
           <div class="p-8">
             <div :class="['w-16 h-16 bg-gradient-to-br rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform', facility.color]">
-              <component :is="facility.icon" :size="32" class="text-white" />
+              <component
+                :is="facility.icon"
+                :size="32"
+                class="text-white"
+              />
             </div>
             <h3 class="text-2xl font-display font-bold text-gray-900 mb-3">
               {{ facility.title }}
@@ -40,7 +47,9 @@
             style="background-image: url('https://images.unsplash.com/photo-1534438097545-77fef53fe2e8?q=80&w=2070')"
           />
           <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end">
-            <p class="text-white font-semibold text-xl p-6">Hochwertige Wettkampftische</p>
+            <p class="text-white font-semibold text-xl p-6">
+              Hochwertige Wettkampftische
+            </p>
           </div>
         </div>
         <div class="relative h-[300px] rounded-2xl overflow-hidden shadow-xl group">
@@ -49,7 +58,9 @@
             style="background-image: url('https://images.unsplash.com/photo-1611004275469-8583ed5d7b8d?q=80&w=2070')"
           />
           <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end">
-            <p class="text-white font-semibold text-xl p-6">Moderne Tischtennishalle</p>
+            <p class="text-white font-semibold text-xl p-6">
+              Moderne Tischtennishalle
+            </p>
           </div>
         </div>
       </div>