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/common/DropDown.tsx

@@ -29,6 +29,15 @@ function DropDown({ items }: DropDownProps) {
 
   const modalRef = useRef<HTMLDivElement>(null);
 
+  const handleClickOutside = (event: MouseEvent) => {
+    if (modalRef.current && !modalRef.current.contains(event.target as Node)) {
+      setPopupState((prev) => ({
+        ...prev,
+        isOpen: false,
+      }));
+    }
+  };
+
   useEffect(() => {
     if (popupState.isOpen) {
       document.addEventListener("mousedown", handleClickOutside);
@@ -41,15 +50,6 @@ function DropDown({ items }: DropDownProps) {
     };
   }, [popupState.isOpen]);
 
-  const handleClickOutside = (event: MouseEvent) => {
-    if (modalRef.current && !modalRef.current.contains(event.target as Node)) {
-      setPopupState((prev) => ({
-        ...prev,
-        isOpen: false,
-      }));
-    }
-  };
-
   return (
     <>
       <div className="relative flex flex-col items-center">

frontend/src/components/common/Page/Page.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { VFC, useState } from "react";
 
 import { Header } from "../Header/Header";
 import "./page.css";
@@ -7,8 +7,8 @@ type User = {
   name: string;
 };
 
-export const Page: React.VFC = () => {
-  const [user, setUser] = React.useState<User>();
+export const Page: VFC = () => {
+  const [user, setUser] = useState<User>();
 
   return (
     <article>