test: post title view transition

- Remove transition names from date and reading time spans
- Wrap post title in a span for view transition
- Add font-bold utility to h1 in Heti CSS
- Simplify reading time display logic

src/pages/index.astro

@@ -46,14 +46,12 @@ const postsByYear = await getPostsByYear()
               </a>
               {/* Post Date */}
               <div class="mb-9 block text-5.6 leading-11 font-time lg:ml-4 lg:inline">
-                <span transition:name={`date-${post.data.slug || post.slug}`}>
+                <span>
                   {post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
                 </span>
-                {post.remarkPluginFrontmatter?.minutes && (
-                  <span class="ml-2" transition:name={`time-${post.data.slug || post.slug}`}>
-                    {post.remarkPluginFrontmatter.minutes} min
-                  </span>
-                )}
+                <span class="ml-2" transition:name={`time-${post.data.slug || post.slug}`}>
+                  {post.remarkPluginFrontmatter?.minutes} min
+                </span>
               </div>
             </li>
           ))}