Update LanguageSelector and development page components for improved client behavior

- Changed LanguageSelectorComponent to use client:visible for better loading performance.
- Updated CollapsibleIntro and ContributionCalendar components to utilize client:visible, enhancing user experience by ensuring they load only when in view.

src/pages/[lang]/development.astro

@@ -114,10 +114,10 @@ const formatDate = (dateString) => {
   <div class="max-w-4xl mx-auto px-4 py-8">
     <h1 class="text-xl sm:text-2xl md:text-4xl font-bold mb-4">{t.development.pageTitle || 'Development Progress'}</h1>
     {/* Collapsible Intro */}
-    <CollapsibleIntro text={t.development.intro} client:only="react" />
+    <CollapsibleIntro text={t.development.intro} client:visible />
     {/* Contribution Calendar */}
     <div class="mb-8">
-      <ContributionCalendar data={contributionData} client:only="react" />
+      <ContributionCalendar data={contributionData} client:visible />
     </div>
     <div class="space-y-8">
       <section>