fix ts issues , disable eslint for now

.eslintrc.json

@@ -2,22 +2,36 @@
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
-    "plugin:react-hooks/recommended"
+    "plugin:react-hooks/recommended",
+    "plugin:@typescript-eslint/recommended"
   ],
-  "plugins": ["react", "react-hooks"],
+  "plugins": ["react", "react-hooks", "@typescript-eslint"],
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaVersion": 2020,
-    "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
-    }
+    },
+    "sourceType": "module"
   },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "parser": "@typescript-eslint/parser"
+    }
+  ],
   "env": {
     "browser": true,
     "es2020": true
   },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
   "rules": {
     "react/react-in-jsx-scope": "off",
-    "no-unused-vars": "error"
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "warn",
+    "react/prop-types": "off"
   }
 }

src/components/icons.tsx

@@ -1,5 +1,3 @@
-import { Boxes } from "lucide-react";
-
 type IconProps = React.HTMLAttributes<SVGElement>;
 
 export const Icons = {
@@ -68,8 +66,8 @@ export const Icons = {
           y2="49.4291"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#326DE6" />
-          <stop offset="1" stop-color="#10FFC6" />
+          <stop stopColor="#326DE6" />
+          <stop offset="1" stopColor="#10FFC6" />
         </linearGradient>
       </defs>
     </svg>

src/components/layouts/Footer.tsx

@@ -1,6 +1,4 @@
 import { appConfig } from "@/config/app";
-import { ModeToggle } from "../mode-toggle";
-import { Icons } from "@/components/icons";
 
 export function Footer() {
   return (

src/components/logo.tsx

@@ -1,5 +1,4 @@
 import { appConfig } from "@/config/app";
-import { Icons } from "./icons";
 
 export function Logo() {
   return (

src/modules/clusters/cluster-information/components/ClusterConfig.tsx

@@ -5,7 +5,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { Blocks, FileSliders, Upload } from "lucide-react";
+import { FileSliders } from "lucide-react";
 
 export const ClusterConfig = () => {
   return (

src/modules/clusters/cluster-information/components/LabelsCard.tsx

@@ -1,12 +1,5 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Blocks, Tags, Upload } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Tags } from "lucide-react";
 import { Label } from "@/types/cluster";
 import { Badge } from "@/components/ui/badge";
 

src/modules/clusters/cluster-information/components/ResourceTable.tsx

@@ -1,18 +1,9 @@
 import {
   Blocks,
   File,
-  Home,
-  LineChart,
   ListFilter,
   MoreHorizontal,
-  Package,
-  Package2,
-  PanelLeft,
   PlusCircle,
-  Search,
-  Settings,
-  ShoppingCart,
-  Users2,
 } from "lucide-react";
 
 import { Badge } from "@/components/ui/badge";
@@ -35,8 +26,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+
 import {
   Table,
   TableBody,
@@ -46,11 +36,6 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 
 export function ResourceTable() {
   return (

src/modules/clusters/cluster-information/components/clusterHeading.tsx

@@ -1,9 +1,8 @@
 import { Button } from "@/components/ui/button";
-import { CheckCircle, ChevronLeft, RefreshCcw, XCircle } from "lucide-react";
+import { ChevronLeft, RefreshCcw, XCircle } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { useNavigate } from "react-router-dom";
 import { Icons } from "@/components/icons";
-import { EnvelopeOpenIcon } from "@radix-ui/react-icons";
 
 type ClusterHeadingProps = {
   name: string;

src/modules/clusters/clusters-list/ClustersPage.tsx

@@ -1,19 +1,8 @@
-import {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
-} from "@/components/ui/pagination";
-import { ClusterCard } from "@/modules/clusters/clusters-list/components/ClusterCard";
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { PageHeading } from "@/components/ui/PageHeading";
 import { appConfig, clusterType } from "@/config/app";
 import { useNavigate, useParams } from "react-router-dom";
-import { useEffect, useState } from "react";
-import { ResourceTable } from "@/modules/clusters/cluster-information/components/ResourceTable";
+import { useState } from "react";
+
 import { ClusterList } from "@/modules/clusters/clusters-list/components/ClusterList";
 
 export default function ClustersPage() {

src/modules/clusters/clusters-list/components/ClusterCard.tsx

@@ -14,7 +14,7 @@ interface ClusterCardProps {
   name: string;
   version: string;
   namespace: string;
-  status: Boolean;
+  status: boolean;
   labels: {
     designation: string;
     color: string;

vite.config.ts

@@ -1,7 +1,7 @@
 import path from "path";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
-import eslintPlugin from "vite-plugin-eslint";
+
 
 const basenameProd = "/";