Implement periodic timestamp updates in timeline

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

Author: Copilot

.eslintcache.browser

@@ -3,19 +3,34 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-import * as React from 'react';
+import React, { useEffect, useState } from 'react';
 
 import { dateFromNow } from '../../src/common/utils';
 
 export const Timestamp = ({ date, href }: { date: Date | string; href?: string }) => {
+	const [timeString, setTimeString] = useState(dateFromNow(date));
 	const title = typeof date === 'string' ? new Date(date).toLocaleString() : date.toLocaleString();
+
+	useEffect(() => {
+		// Update the time string immediately
+		setTimeString(dateFromNow(date));
+
+		// Set up an interval to update the time string every minute
+		const intervalId = setInterval(() => {
+			setTimeString(dateFromNow(date));
+		}, 60000); // Update every 60 seconds
+
+		// Clean up the interval on component unmount
+		return () => clearInterval(intervalId);
+	}, [date]);
+
 	return href ? (
 		<a href={href} className="timestamp" title={title}>
-			{dateFromNow(date)}
+			{timeString}
 		</a>
 	) : (
 		<div className="timestamp" title={title}>
-			{dateFromNow(date)}
+			{timeString}
 		</div>
 	);
 };