Enabled recommended-requiring-type-checking as result type fixes provided (#632)

* Enabled recommended-requiring-type-checking

* from .cjs to .js

* check

* check

* check

* check

* A lot of types aligned and refactored

* More strict types

* Improvement

* Improvements

* Improvements

* Fixed routs

* Fixed import types

frontend/src/layout/Header.tsx

@@ -46,6 +46,10 @@ export default function Header() {
     }
   };
 
+  const handleResetCache = () => {
+    void resetCache();
+  };
+
   const openAPI = () => {
     window.open("/#/docs", "_blank");
   };
@@ -72,7 +76,7 @@ export default function Header() {
           <ul className="flex w-full items-center md:mt-0 md:flex-row md:justify-between md:border-0 md:text-sm md:font-normal">
             <li>
               <LinkWithSearchParams
-                to={"/installed"}
+                to={"installed"}
                 exclude={["tab"]}
                 className={getBtnStyle("installed")}
               >
@@ -81,7 +85,7 @@ export default function Header() {
             </li>
             <li>
               <LinkWithSearchParams
-                to={"/repository"}
+                to={"repository"}
                 exclude={["tab"]}
                 end={false}
                 className={getBtnStyle("repository")}
@@ -103,7 +107,7 @@ export default function Header() {
                     id: "4",
                     text: "Reset Cache",
                     icon: <BsArrowRepeat />,
-                    onClick: resetCache,
+                    onClick: handleResetCache,
                   },
                   {
                     id: "5",

frontend/src/layout/Sidebar.tsx

@@ -1,5 +1,5 @@
 import "../App.css";
-import { JSX } from "react";
+import type { JSX } from "react";
 
 function Sidebar(): JSX.Element {
   return (