Introduced tsconfig.app.json and tsconfig.base.json + Refactored eslint.config.js to the latest structure (#652)

* Introduced tsconfig.app.json and tsconfig.base.json

* yarn.lock

* Introduced tsconfig.app.json, tsconfig.base.jsonfig.

* Refactored eslint.config.js to latest structure

* Returned previous recommended rules.

* More rules

* Force import rules

* Check

* Check

* Cleanup ESLint configuration and plugins

* Cleanup heap: "writable",DD_RUM: "writable" from ESLint configuration

* "scripts" moved to the top of package.json

frontend/src/components/modal/InstallChartModal/ChartValues.tsx

@@ -1,7 +1,8 @@
 import hljs from "highlight.js/lib/core";
-import Spinner from "../../Spinner";
 import yaml from "highlight.js/lib/languages/yaml";
 
+import Spinner from "../../Spinner";
+
 hljs.registerLanguage("yaml", yaml);
 
 export const ChartValues = ({

frontend/src/components/modal/InstallChartModal/GeneralDetails.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from "react";
 import { useParams } from "react-router";
+
 import useDebounce from "../../../hooks/useDebounce";
 
 export const GeneralDetails = ({

frontend/src/components/modal/InstallChartModal/InstallReleaseChartModal.tsx

@@ -1,4 +1,4 @@
-import { useParams } from "react-router";
+import { useMutation } from "@tanstack/react-query";
 import {
   useEffect,
   useEffectEvent,
@@ -7,27 +7,29 @@ import {
   lazy,
   Suspense,
 } from "react";
-import type { VersionData } from "../../../API/releases";
+import { useParams } from "react-router";
+
+import apiService from "../../../API/apiService";
+import type { LatestChartVersion } from "../../../API/interfaces";
 import {
+  type VersionData,
   useChartReleaseValues,
   useGetReleaseManifest,
   useGetVersions,
   useVersionData,
 } from "../../../API/releases";
-import Modal, { ModalButtonStyle } from "../Modal";
-import { GeneralDetails } from "./GeneralDetails";
-import { useMutation } from "@tanstack/react-query";
-import useNavigateWithSearchParams from "../../../hooks/useNavigateWithSearchParams";
-import { VersionToInstall } from "./VersionToInstall";
-import { isNoneEmptyArray } from "../../../utils";
-import useCustomSearchParams from "../../../hooks/useCustomSearchParams";
 import { useChartRepoValues } from "../../../API/repositories";
 import { useDiffData } from "../../../API/shared";
 import type { InstallChartModalProps } from "../../../data/types";
-import apiService from "../../../API/apiService";
-import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
-import type { LatestChartVersion } from "../../../API/interfaces";
+import useCustomSearchParams from "../../../hooks/useCustomSearchParams";
+import useNavigateWithSearchParams from "../../../hooks/useNavigateWithSearchParams";
+import { isNoneEmptyArray } from "../../../utils";
 import Spinner from "../../Spinner";
+import Modal, { ModalButtonStyle } from "../Modal";
+import { GeneralDetails } from "./GeneralDetails";
+import { VersionToInstall } from "./VersionToInstall";
+
+import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
 
 const DefinedValues = lazy(() => import("./DefinedValues"));
 const ManifestDiff = lazy(() => import("./ManifestDiff"));

frontend/src/components/modal/InstallChartModal/InstallRepoChartModal.tsx

@@ -1,4 +1,4 @@
-import { useParams } from "react-router";
+import { useMutation } from "@tanstack/react-query";
 import {
   lazy,
   Suspense,
@@ -7,20 +7,22 @@ import {
   useMemo,
   useState,
 } from "react";
+import { useParams } from "react-router";
+
+import apiService from "../../../API/apiService";
+import type { LatestChartVersion } from "../../../API/interfaces";
 import { useGetVersions, useVersionData } from "../../../API/releases";
-import Modal, { ModalButtonStyle } from "../Modal";
-import { GeneralDetails } from "./GeneralDetails";
-import { useMutation } from "@tanstack/react-query";
 import { useChartRepoValues } from "../../../API/repositories";
-import useNavigateWithSearchParams from "../../../hooks/useNavigateWithSearchParams";
-import { VersionToInstall } from "./VersionToInstall";
-import { isNoneEmptyArray } from "../../../utils";
 import { useDiffData } from "../../../API/shared";
 import type { InstallChartModalProps } from "../../../data/types";
-import apiService from "../../../API/apiService";
-import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
-import type { LatestChartVersion } from "../../../API/interfaces";
+import useNavigateWithSearchParams from "../../../hooks/useNavigateWithSearchParams";
+import { isNoneEmptyArray } from "../../../utils";
 import Spinner from "../../Spinner";
+import Modal, { ModalButtonStyle } from "../Modal";
+
+import { GeneralDetails } from "./GeneralDetails";
+import { InstallUpgradeTitle } from "./InstallUpgradeTitle";
+import { VersionToInstall } from "./VersionToInstall";
 
 const DefinedValues = lazy(() => import("./DefinedValues"));
 const ManifestDiff = lazy(() => import("./ManifestDiff"));

frontend/src/components/modal/InstallChartModal/ManifestDiff.tsx

@@ -1,10 +1,10 @@
 import { Diff2HtmlUI } from "diff2html/lib/ui/js/diff2html-ui-base";
 import hljs from "highlight.js/lib/core";
 import yaml from "highlight.js/lib/languages/yaml";
-
 import { useEffect, useRef } from "react";
-import Spinner from "../../Spinner";
+
 import { diffConfiguration } from "../../../utils";
+import Spinner from "../../Spinner";
 
 hljs.registerLanguage("yaml", yaml);
 

frontend/src/components/modal/InstallChartModal/UserDefinedValues.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+
 import useDebounce from "../../../hooks/useDebounce";
 
 export const UserDefinedValues = ({

frontend/src/components/modal/InstallChartModal/VersionToInstall.tsx

@@ -1,8 +1,12 @@
-import type { FC } from "react";
-import { useMemo, useState } from "react";
-import type { GroupBase, SingleValueProps } from "react-select";
-import Select, { components } from "react-select";
+import { type FC, useMemo, useState } from "react";
 import { BsCheck2 } from "react-icons/bs";
+import Select, {
+  type GroupBase,
+  type SingleValueProps,
+  type OptionProps,
+  components,
+} from "react-select";
+
 import type { NonEmptyArray } from "../../../data/types";
 
 interface Version {
@@ -92,7 +96,10 @@ export const VersionToInstall: FC<{
             }}
             value={selectedOption ?? initOpt}
             components={{
-              SingleValue: ({ children, ...props }) => {
+              SingleValue: ({
+                children,
+                ...props
+              }: SpecificSingleValueProps) => {
                 const OriginalSingleValue =
                   components.SingleValue as FC<SpecificSingleValueProps>;
 
@@ -105,7 +112,15 @@ export const VersionToInstall: FC<{
                   </OriginalSingleValue>
                 );
               },
-              Option: ({ children, innerProps, data }) => (
+              Option: ({
+                children,
+                innerProps,
+                data,
+              }: OptionProps<
+                VersionOptionType,
+                false,
+                GroupBase<VersionOptionType>
+              >) => (
                 <div
                   className={
                     "flex items-center py-2 pr-2 pl-4 text-green-700 hover:bg-blue-100"