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/posts/[slug].astro

@@ -25,16 +25,18 @@ const { Content, remarkPluginFrontmatter } = await post.render()
   postImage={post.data.image}
 >
   <article class="heti">
-    <h1 transition:name={`post-${post.data.slug || post.slug}`}>{post.data.title}</h1>
+    <h1>
+      <span transition:name={`post-${post.data.slug || post.slug}`}>
+        {post.data.title}
+      </span>
+    </h1>
     <time>
-      <span transition:name={`date-${post.data.slug || post.slug}`}>
+      <span>
         {post.data.published.toLocaleDateString('en-US', { month: '2-digit', day: '2-digit' }).replace('/', '-')}
       </span>
-      {remarkPluginFrontmatter.minutes && (
-        <span transition:name={`time-${post.data.slug || post.slug}`}>
-          · {remarkPluginFrontmatter.minutes} min
+        <span>
+          {remarkPluginFrontmatter.minutes} min
         </span>
-      )}
     </time>
     <Content />
   </article>