refactor: optimize website performance and layout

- Replace ScrollButton with BackToTop component
- Improve theme toggle and scrollbar event handling
- Update layout and index page styling
- Optimize client:load and client:idle directives
- Remove deprecated Heti addon plugin

src/pages/[lang]/index.astro

@@ -47,7 +47,7 @@ const postsByYear = await getPostsByYear(lang)
               {/* Post Title */}
               <a href={`/${lang}/posts/${post.data.slug || post.slug}`}>{post.data.title}</a>
                 {/* Post Date */}
-                <time class="block text-5.6 leading-7 font-navbar opacity-30 lg:inline lg:before:content-['_']" aria-hidden="true">
+                <time class="block text-5.6 leading-7 font-navbar opacity-30 lg:inline lg:before:content-['_']">
                   {post.data.published.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit' }).replace('/', '-')}
                   {post.remarkPluginFrontmatter?.minutes && <span class="ml-2">  {post.remarkPluginFrontmatter.minutes} min</span>}
                 </time>

src/pages/index.astro

@@ -36,7 +36,7 @@ const postsByYear = await getPostsByYear()
           {posts.map(post => (
             // Single Post
             <li class="mt-7">
-              {/* Post Title */}
+
               <a
                 class="hover:c-primary"
                 href={`/posts/${post.data.slug || post.slug}`}
@@ -45,9 +45,9 @@ const postsByYear = await getPostsByYear()
               >
                 {post.data.title}
               </a>
-              {/* Post Date */}
+
               <div
-                class="mb-9 block text-5.6 leading-11 font-time lg:ml-4 lg:inline"
+                class="mb-9 text-5.6 leading-11 font-time lg:(hidden)"
                 transition:name={`time-${post.data.slug || post.slug}`}
                 data-disable-transition-on-theme
               >
@@ -58,6 +58,16 @@ const postsByYear = await getPostsByYear()
                   {post.remarkPluginFrontmatter?.minutes} min
                 </span>
               </div>
+
+              <div class="mb-9 hidden text-5.6 leading-11 font-time lg:(ml-4 inline)">
+                <time>
+                  {post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
+                </time>
+                <span class="ml-2">
+                  {post.remarkPluginFrontmatter?.minutes} min
+                </span>
+              </div>
+
             </li>
           ))}
         </ul>