feature: global view animation

- Updated Header component to adjust title margin and changed subtitle from h3 to h2 for better semantic structure.
- Refined LanguageSwitcher component to enhance language switching functionality and improved accessibility.
- Adjusted Navigation component's margin and link styles for better visual hierarchy.
- Enhanced ThemeToggle component with view transition effects for smoother theme changes.
- Updated global CSS to support new transition styles for theme toggling.
- Bumped rollup version in pnpm-lock.yaml for improved build performance.

src/components/Navigation.astro

@@ -51,13 +51,13 @@ const isTagActive = isTagPage(currentPath)
 const isAboutActive = isAboutPage(currentPath)
 ---
 
-<nav class="mb-19.4 mt-12 text-5.6 text-secondary font-semibold leading-13 font-navbar">
+<nav class="mb-20 mt-13 text-5.6 text-secondary font-semibold leading-13 font-navbar">
   <ul>
     <li>
       <a
         href={getLocalizedPath('/')}
         class:list={[
-          isPostActive ? 'font-bold opacity-100' : 'opacity-25',
+          isPostActive ? 'font-bold text-primary' : 'text-secondary',
         ]}
       >
         {currentUI.posts}
@@ -67,7 +67,7 @@ const isAboutActive = isAboutPage(currentPath)
       <a
         href={getLocalizedPath('/tags')}
         class:list={[
-          isTagActive ? 'font-bold opacity-100' : 'opacity-25',
+          isTagActive ? 'font-bold text-primary' : 'text-secondary',
         ]}
       >
         {currentUI.tags}
@@ -77,7 +77,7 @@ const isAboutActive = isAboutPage(currentPath)
       <a
         href={getLocalizedPath('/about')}
         class:list={[
-          isAboutActive ? 'font-bold opacity-100' : 'opacity-25',
+          isAboutActive ? 'font-bold text-primary' : 'text-secondary',
         ]}
       >
         {currentUI.about}