fix: back button error and view transition on ios, move scripts from layout to components

src/components/Header.astro

@@ -39,13 +39,19 @@ const SubtitleTag = isPost ? 'div' : 'h2'
       'font-bold font-title',
     ]}
   >
-    <a
-      href={getLocalizedPath('/')}
+    <!-- Fix text cropping issues during view transition on ios by adding a div tag -->
+    <div
+      class="box-content inline-block pr-1"
       transition:name={`site-title-${currentLang}`}
       data-disable-transition-on-theme
     >
-        {headerTitle}
+      <a
+        id="site-title-link"
+        href={getLocalizedPath('/')}
+      >
+          {headerTitle}
       </a>
+    </div>
   </TitleTag>
 
   {headerSubtitle && (