Update according to change request

src/components/generic/TimeAgo.tsx

@@ -1,4 +1,4 @@
-import { type JSX, useEffect, useState } from "react";
+import type { JSX } from "react";
 
 export interface TimeAgoProps {
   timestamp: number;
@@ -37,11 +37,5 @@ const getTimeAgo = (
 };
 
 export const TimeAgo = ({ timestamp }: TimeAgoProps): JSX.Element => {
-  const [timeAgo, setTimeAgo] = useState(getTimeAgo(timestamp));
-
-  useEffect(() => {
-    setTimeAgo(getTimeAgo(timestamp));
-  }, [timestamp]);
-
-  return <span>{timeAgo}</span>;
+  return <span>{getTimeAgo(timestamp)}</span>;
 };

src/components/generic/Uptime.tsx

@@ -1,4 +1,4 @@
-import { type JSX, useEffect, useState } from "react";
+import type { JSX } from "react";
 
 export interface UptimeProps {
   seconds: number;
@@ -13,11 +13,5 @@ const getUptime = (seconds: number): string => {
 };
 
 export const Uptime = ({ seconds }: UptimeProps): JSX.Element => {
-  const [uptime, setUptime] = useState(getUptime(seconds));
-
-  useEffect(() => {
-    setUptime(getUptime(seconds));
-  }, [seconds]);
-
-  return <span>{uptime}</span>;
+  return <span>{getUptime(seconds)}</span>;
 };