Bump a lot of packages (#625)

* Bump react, luxon, swagger, uuid

* Improved imports

* Fixed vulnerabilities

* Bump highlight.js and added eslint-plugin-react-hooks with fixes

* Bump compare-versions, html-react-parser, react-intersection-observer, react-modern-drawer

* Bump @tanstack/react-query, react-select

* Added tsc:check script

frontend/src/components/revision/RevisionDetails.tsx

@@ -380,7 +380,7 @@ const Rollback = ({
             id: "1",
             callback: () => {
               rollbackRelease({
-                ns: namespace as string,
+                ns: namespace,
                 name: String(chart),
                 revision: release.revision,
               });

frontend/src/components/revision/RevisionDiff.tsx

@@ -108,7 +108,7 @@ function RevisionDiff({
       !isLoading
     ) {
       const diff2htmlUi = new Diff2HtmlUI(
-        diffElement!.current!,
+        diffElement.current,
         data,
         diffConfiguration
       );

frontend/src/components/revision/RevisionResource.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useMemo, useState } from "react";
 import { useParams } from "react-router-dom";
 import hljs from "highlight.js";
 import { RiExternalLinkLine } from "react-icons/ri";
@@ -162,14 +162,11 @@ const DescribeResource = ({
     namespace,
     chart
   );
-  const [yamlFormattedData, setYamlFormattedData] = useState("");
 
-  useEffect(() => {
-    if (data) {
-      const val = hljs.highlight(data, { language: "yaml" }).value;
-      setYamlFormattedData(val);
-    }
-  }, [data]);
+  const yamlFormattedData = useMemo(
+    () => hljs.highlight(data ?? "", { language: "yaml" })?.value,
+    [data]
+  );
 
   const badgeType = getBadgeType(status);
   return (