fix(ui): fix eslint errors

ui/src/Components/ManagedSilence/SilenceComment.tsx

@@ -1,4 +1,4 @@
-import { Fragment, FC } from "react";
+import { Fragment, FC, useState } from "react";
 
 import { observer } from "mobx-react-lite";
 
@@ -18,7 +18,8 @@ import { StaticLabels } from "Common/Query";
 const SilenceProgress: FC<{
   silence: APISilenceT;
 }> = ({ silence }) => {
-  const diff = differenceInSeconds(parseISO(silence.endsAt), new Date());
+  const [now] = useState(() => new Date());
+  const diff = differenceInSeconds(parseISO(silence.endsAt), now);
   if (diff <= 0) {
     return (
       <span className="badge bg-danger components-label">

ui/src/Components/SilenceModal/Browser/MassDelete.tsx

@@ -244,7 +244,7 @@ const MassDeleteProgress: FC<{
       const ams = readWriteAlertmanagers.filter(
         (u) => u.cluster === silence.cluster,
       );
-      // eslint-disable-next-line @eslint-react/web-api/no-leaked-timeout -- false positive: timers are collected and cleared in the useEffect cleanup below
+      // eslint-disable-next-line @eslint-react/web-api-no-leaked-timeout -- false positive: timers are collected and cleared in the useEffect cleanup below
       const timer = setTimeout(
         () => deleteSilence(silence.cluster, silence.id, ams),
         50 * index,

ui/src/Components/SilenceModal/Browser/index.tsx

@@ -75,7 +75,7 @@ const Browser: FC<{
   const [showExpired, setShowExpired] = useState<boolean>(false);
   const [searchTerm, setSearchTerm] = useState<string>("");
   const [activePage, setActivePage] = useState<number>(1);
-  const [currentTime, setCurrentTime] = useState<number>(
+  const [currentTime, setCurrentTime] = useState<number>(() =>
     Math.floor(Date.now() / 1000),
   );