Use HTML <time> elements for dates in changelog (#21239)

* Use HTML `<time>` elements for dates in changelog

Use semantic `<time>` to enhance machine readability.

* Update src/pages/changelog/[...slug].astro

* Update src/pages/changelog/[...slug].astro

---------

Co-authored-by: Greg Brimble <[email protected]>

Author: myakura

src/pages/changelog/[...slug].astro

@@ -52,10 +52,10 @@ const props = {
 	<div>
 		<h2>{note.data.title}</h2>
 		<div>
-			<strong
+			<time class="font-bold" datetime={note.data.date.toISOString()}
 				>{format(note.data.date, "MMM dd, yyyy")}, {
 					format(note.data.date, "hh:mm a")
-				}</strong
+				}</time
 			>
 			<ProductPills products={note.data.products} />
 		</div>

src/pages/changelog/index.astro

@@ -46,9 +46,9 @@ const props = {
 				>
 					<time
 						datetime={entry.data.date.toISOString()}
-						class="whitespace-nowrap leading-6 sm:pr-4 sm:text-right"
+						class="whitespace-nowrap text-xs font-bold leading-6 sm:pr-4 sm:text-right"
 					>
-						<strong class="text-xs">{date}</strong>
+						{date}
 					</time>
 					<Steps>
 						<ol class="!mt-0 overflow-x-auto">