feat: update styles

Author: Nap Joseph Calub

_includes/layouts/events.vto

@@ -10,33 +10,33 @@ layout: layouts/base.vto
 {{ set getISOWeek = (dateStr) => {
   // Parse date string to components
   const [year, month, day] = dateStr.split('-').map(n => parseInt(n, 10));
-  
+
   // Create date in UTC to avoid timezone issues - use noon to avoid DST issues
   const date = new Date(Date.UTC(year, month - 1, day, 12, 0, 0, 0));
-  
+
   // Make a copy
   const d = new Date(date.valueOf());
-  
+
   // ISO week starts on Monday, make Sunday = 7
   const dayOfWeek = d.getUTCDay() || 7;
-  
+
   // Find the Thursday of the current week
   d.setUTCDate(d.getUTCDate() + 4 - dayOfWeek);
-  
+
   // The year of that Thursday determines the ISO year
   const isoYear = d.getUTCFullYear();
-  
+
   // Find January 4th of that year (always in week 1)
   const jan4 = new Date(Date.UTC(isoYear, 0, 4, 12, 0, 0, 0));
-  
+
   // Find Monday of week 1
   const jan4Day = jan4.getUTCDay() || 7;
   const week1Monday = new Date(jan4.valueOf());
   week1Monday.setUTCDate(jan4.getUTCDate() - jan4Day + 1);
-  
+
   // Calculate weeks between
   const weekDiff = Math.round((d.valueOf() - week1Monday.valueOf()) / (7 * 86400000));
-  
+
   return weekDiff + 1;
 } }}
 
@@ -121,7 +121,7 @@ layout: layouts/base.vto
           {{ set firstDay = (firstDayRaw + 6) % 7 }}{{# Convert Sunday=0 to Monday=0 #}}
 
           <div
-            class="bg-white rounded-lg shadow-md overflow-hidden month-card flex flex-col"
+            class="bg-white rounded-xl shadow-md month-card flex flex-col"
             data-year="{{ year }}"
             data-month="{{ monthIndex }}"
             x-show="currentYear === {{ year }}"
@@ -137,7 +137,7 @@ layout: layouts/base.vto
               </h2>
             </div>
 
-            <div class="p-4 bg-white flex-1" x-show="!collapsed" x-transition>
+            <div class="p-4 bg-white flex-1 rounded-xl" x-show="!collapsed" x-transition>
               <div class="grid grid-cols-8 gap-1 text-xs">
                 {{# Week day headers #}}
                 <div></div>
@@ -539,8 +539,8 @@ function eventsPage() {
 
     isToday(year, month, day) {
       const today = new Date();
-      return year === today.getFullYear() && 
-             month === today.getMonth() && 
+      return year === today.getFullYear() &&
+             month === today.getMonth() &&
              day === today.getDate();
     },