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/styles/global.css

@@ -52,16 +52,16 @@ html.dark {
 html:not(.dark) {
 --from: 100% 0 0 0;
 }
-::view-transition-new(root) {
-transition: none;
-animation: reveal 1s cubic-bezier(0.4, 0, 0.2, 1);
-clip-path: inset(0 0 0 0);
-z-index: 2;
+::view-transition-new(theme-transition) {
+  transition: none;
+  animation: reveal 1s cubic-bezier(0.4, 0, 0.2, 1);
+  clip-path: inset(0 0 0 0);
+  z-index: 2;
 }
-::view-transition-old(root) {
-transition: none;
-animation: none;
-z-index: -1;
+::view-transition-old(theme-transition) {
+  transition: none;
+  animation: none;
+  z-index: -1;
 }
 @supports not (view-transition-name: none) {
   body:not([data-restore-theme]) {