Huge bump of versions + husky + fixed DropDown key issue and pointer (#628)

* Bump lint-staged

* Check

* Check

* Added husky

* Check

* Check

* Check

* Check

* Check

* Check

* Check

* Check

* Fix husky

* Used * instead **/* in lint-staged

* Bump tailwindcss and related

* Added @tailwindcss/vite and removed postcss

* Added lint into staged

* Bump @babel/core and updated .prettierignore

* Removed tailwind.config.cjs

* Added ThemeInit

* Added cursor-pointer to Help dropdown

* Bump react-router

* Removed @types/uuid and react-router-dom

* Bump diff2html, prettier, @typescript-eslint/eslint-plugin, @typescript-eslint/parser

* removed vite-plugin-html-config and @babel/core

* removed "@eslint/eslintrc" and "@eslint/js"

* Removed redundant link

* Returned plugins and source to index.css

* Set dark to false in tailwindcss

* Fixed storybook

* Fixed useGetLatestVersion with correct gcTime: 0 option

* Added eslint-plugin-prettier

* Removed spaces

* ClustersList.tsx improved and type fixes for another files

* Repository.tsx improved

* Huge fix of types

* Huge fix of types missed

* Fixed type of SingleValue

* Added cursor pointer

frontend/src/components/InstalledPackages/HealthStatus.tsx

@@ -27,7 +27,7 @@ const HealthStatus = ({ statusData }: Props) => {
                   : cond.status === "Progressing"
                     ? "bg-warning"
                     : "bg-danger"
-              } w-2.5 h-2.5 rounded-sm`}
+              } w-2.5 h-2.5 rounded-xs`}
             ></span>
           </Tooltip>
         );

frontend/src/components/InstalledPackages/InstalledPackageCard.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Release } from "../../data/types";
+import { Release, ReleaseHealthStatus } from "../../data/types";
 import { BsArrowUpCircleFill, BsPlusCircleFill } from "react-icons/bs";
 import { getAge } from "../../timeUtils";
 import StatusLabel, {
@@ -33,13 +33,12 @@ export default function InstalledPackageCard({
   });
   const { data: latestVersionResult } = useGetLatestVersion(release.chartName, {
     queryKey: ["chartName", release.chartName],
-    cacheTime: 0,
   });
 
-  const { data: statusData } = useQuery<unknown>({
+  const { data: statusData } = useQuery<ReleaseHealthStatus[] | null>({
     queryKey: ["resourceStatus", release],
-    enabled: inView,
     queryFn: () => apiService.getResourceStatus({ release }),
+    enabled: inView,
   });
 
   const latestVersionData: LatestChartVersion | undefined =

frontend/src/components/InstalledPackages/InstalledPackagesHeader.tsx

@@ -32,7 +32,7 @@ export default function InstalledPackagesHeader({
 
         <div className="w-1/3">
           <input
-            className="border-installed-charts-filter  rounded p-1 text-sm w-11/12"
+            className="border-installed-charts-filter  rounded-sm p-1 text-sm w-11/12"
             placeholder="Filter..."
             type="text"
             onChange={(ev) => setFilterKey(ev.target.value)}
@@ -41,7 +41,7 @@ export default function InstalledPackagesHeader({
       </div>
 
       {showNoPackageAlert && (
-        <div className="bg-white rounded shadow display-none no-charts mt-3 text-sm p-4">
+        <div className="bg-white rounded-sm shadow-sm display-none no-charts mt-3 text-sm p-4">
           Looks like you don&apos;t have any charts installed.
           &quot;Repository&quot; section may be a good place to start.
         </div>