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

components/PublicNews.vue

@@ -1,5 +1,8 @@
 <template>
-  <section v-if="news.length > 0" class="py-16 sm:py-20 bg-white">
+  <section
+    v-if="news.length > 0"
+    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">
@@ -12,15 +15,21 @@
       </div>
 
       <div class="flex justify-center">
-        <div class="grid gap-8" :class="getGridClass()">
+        <div
+          class="grid gap-8"
+          :class="getGridClass()"
+        >
           <article
             v-for="item in news"
             :key="item.id"
-            @click="openNewsModal(item)"
             class="bg-gray-50 rounded-xl p-6 border border-gray-200 hover:shadow-lg transition-shadow w-full max-w-sm flex flex-col cursor-pointer"
+            @click="openNewsModal(item)"
           >
             <div class="flex items-center text-sm text-gray-500 mb-3">
-              <Calendar :size="16" class="mr-2" />
+              <Calendar
+                :size="16"
+                class="mr-2"
+              />
               {{ formatDate(item.created) }}
             </div>
             
@@ -47,7 +56,10 @@
         <div class="flex items-center justify-between p-6 border-b border-gray-200">
           <div class="flex-1">
             <div class="flex items-center text-sm text-gray-500 mb-2">
-              <Calendar :size="16" class="mr-2" />
+              <Calendar
+                :size="16"
+                class="mr-2"
+              />
               {{ formatDate(selectedNews.created) }}
             </div>
             <h2 class="text-2xl font-display font-bold text-gray-900">
@@ -55,8 +67,8 @@
             </h2>
           </div>
           <button
-            @click="closeNewsModal"
             class="ml-4 p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors"
+            @click="closeNewsModal"
           >
             <X :size="24" />
           </button>