Update UptimeStatusIsland and UpdateTimer components for improved refresh intervals and styling

- Increased the refresh interval in UpdateTimer from 300 seconds to 1800 seconds for less frequent updates.
- Refactored UptimeStatusIsland to utilize a 30-minute window for data caching and fetching, enhancing performance.
- Updated styles in UptimeStatusIsland for better visual consistency, including backdrop blur effects and improved layout for mobile responsiveness.

src/pages/[lang]/development.astro

@@ -126,7 +126,7 @@ const formatDate = (dateString) => {
         {Array.isArray(userCommits) && userCommits.length > 0 ? (
           <div class="space-y-4">
             {userCommits.map((commit) => (
-              <div class="bg-white/90 dark:bg-slate-900/90 p-6 rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-200 border border-gray-100 dark:border-slate-800 flex flex-col gap-4 md:flex-row md:items-stretch md:gap-8 mb-6">
+              <div class="bg-white/40 dark:bg-slate-800/40 backdrop-blur-md p-6 rounded-2xl shadow-lg hover:shadow-xl transition-shadow duration-200 border border-gray-200 dark:border-slate-800 flex flex-col gap-4 md:flex-row md:items-stretch md:gap-8 mb-6">
                 <div class="flex-1">
                   <h3 class="font-semibold text-lg md:text-xl text-gray-900 dark:text-white mb-1">{commit.message.split('\n')[0] || 'No message'}</h3>
                   {/* Format commit description with bullet points on new lines */}

src/pages/[lang]/uptime.astro

@@ -43,11 +43,13 @@ const t = getTranslation(currentLang);
 ---
 
 <Layout>
-  <main class="max-w-7xl mx-auto px-4 sm:px-6 py-12">
-    <div class="text-center mb-5">
-      <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">{t.uptime.title}</h1>
-      <p class="text-lg text-gray-600 dark:text-gray-300">{t.uptime.subtitle}</p>
+  <main class="relative max-w-7xl mx-auto px-4 sm:px-6 py-12">
+    <div class="relative">
+      <div class="text-center mb-5">
+        <h1 class="text-4xl font-bold text-gray-900 dark:text-white mb-4">{t.uptime.title}</h1>
+        <p class="text-lg text-gray-600 dark:text-gray-300">{t.uptime.subtitle}</p>
+      </div>
+      <UptimeStatus />
     </div>
-    <UptimeStatus />
   </main>
 </Layout>