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/InstalledPackages/HealthStatus.tsx

@@ -1,5 +1,6 @@
-import { HD_RESOURCE_CONDITION_TYPE } from "../../API/releases";
 import { Tooltip } from "flowbite-react";
+
+import { HD_RESOURCE_CONDITION_TYPE } from "../../API/releases";
 import type { ReleaseHealthStatus } from "../../data/types";
 
 interface Props {

frontend/src/components/InstalledPackages/InstalledPackageCard.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta } from "@storybook/react-vite";
+
 import InstalledPackageCard from "./InstalledPackageCard";
 
 const meta = {

frontend/src/components/InstalledPackages/InstalledPackageCard.tsx

@@ -1,22 +1,24 @@
+import { useQuery } from "@tanstack/react-query";
 import { useState } from "react";
-import type { Release, ReleaseHealthStatus } from "../../data/types";
 import { BsArrowUpCircleFill, BsPlusCircleFill } from "react-icons/bs";
+import { useInView } from "react-intersection-observer";
+
+import apiService from "../../API/apiService";
+import type { LatestChartVersion } from "../../API/interfaces";
+import { useGetApplicationStatus } from "../../API/other";
+import { useGetLatestVersion } from "../../API/releases";
+import HelmGrayIcon from "../../assets/helm-gray-50.svg";
+import type { Release, ReleaseHealthStatus } from "../../data/types";
+import useNavigateWithSearchParams from "../../hooks/useNavigateWithSearchParams";
 import { getAge } from "../../timeUtils";
+import { isNewerVersion } from "../../utils";
 import StatusLabel, {
   DeploymentStatus,
   getStatusColor,
 } from "../common/StatusLabel";
-import { useQuery } from "@tanstack/react-query";
-import apiService from "../../API/apiService";
-import HealthStatus from "./HealthStatus";
-import HelmGrayIcon from "../../assets/helm-gray-50.svg";
 import Spinner from "../Spinner";
-import { useGetLatestVersion } from "../../API/releases";
-import { isNewerVersion } from "../../utils";
-import type { LatestChartVersion } from "../../API/interfaces";
-import useNavigateWithSearchParams from "../../hooks/useNavigateWithSearchParams";
-import { useInView } from "react-intersection-observer";
-import { useGetApplicationStatus } from "../../API/other";
+
+import HealthStatus from "./HealthStatus";
 
 type InstalledPackageCardProps = {
   release: Release;

frontend/src/components/InstalledPackages/InstalledPackagesHeader.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta } from "@storybook/react-vite";
+
 import InstalledPackagesHeader from "./InstalledPackagesHeader";
 
 const meta = {

frontend/src/components/InstalledPackages/InstalledPackagesHeader.tsx

@@ -1,6 +1,7 @@
+import type { Dispatch, SetStateAction } from "react";
+
 import HeaderLogo from "../../assets/packges-header.svg";
 import type { Release } from "../../data/types";
-import type { Dispatch, SetStateAction } from "react";
 
 type InstalledPackagesHeaderProps = {
   filteredReleases?: Release[];

frontend/src/components/InstalledPackages/InstalledPackagesList.stories.tsx

@@ -1,4 +1,5 @@
 import type { Meta } from "@storybook/react-vite";
+
 import InstalledPackagesList from "./InstalledPackagesList";
 
 const meta = {

frontend/src/components/InstalledPackages/InstalledPackagesList.tsx

@@ -1,6 +1,7 @@
-import InstalledPackageCard from "./InstalledPackageCard";
 import type { Release } from "../../data/types";
 
+import InstalledPackageCard from "./InstalledPackageCard";
+
 type InstalledPackagesListProps = {
   filteredReleases: Release[];
 };