Fix lint errors

frontend/src/views/Project/IPAllowListPage/components/IPAllowlistModal.tsx

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { Controller, useForm } from "react-hook-form"; 
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as yup from "yup";
+
 import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import {
   Button,
@@ -10,13 +11,13 @@ import {
   Modal,
   ModalContent
 } from "@app/components/v2";
-import { UsePopUpState } from "@app/hooks/usePopUp";
 import { useWorkspace } from "@app/context";
 import {
-    useGetMyIp,
     useAddTrustedIp,
+    useGetMyIp,
     useUpdateTrustedIp
 } from "@app/hooks/api";
+import { UsePopUpState } from "@app/hooks/usePopUp";
 
 const schema = yup.object({
     ipAddress: yup.string().required("IP address is required"),

frontend/src/views/Project/IPAllowListPage/components/IPAllowlistSection.tsx

@@ -1,18 +1,20 @@
-import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import { 
     Button,
     DeleteActionModal,
     UpgradePlanModal
 } from "@app/components/v2";
+import { useSubscription,useWorkspace } from "@app/context";
 import {
     useDeleteTrustedIp
 } from "@app/hooks/api";
-import { useSubscription,useWorkspace } from "@app/context";
 import { usePopUp } from "@app/hooks/usePopUp";
-import { IPAllowlistTable } from "./IPAllowlistTable";
+
 import { IPAllowlistModal } from "./IPAllowlistModal";
+import { IPAllowlistTable } from "./IPAllowlistTable";
 
 export const IPAllowlistSection = () => {
     const { createNotification } = useNotificationContext();

frontend/src/views/Project/IPAllowListPage/components/IPAllowlistTable.tsx

@@ -1,22 +1,23 @@
+import { faGlobe, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import {
-    TableContainer,
+    EmptyState,
+    IconButton,
     Table,
-    THead,
-    Tr,
-    Th,
+    TableContainer,
+    TableSkeleton,
     TBody,
     Td,
-    EmptyState,
-    TableSkeleton,
-    IconButton,
+    Th,
+    THead,
+    Tr,
     UpgradePlanModal
 } from "@app/components/v2";
 import { useSubscription, useWorkspace } from "@app/context";
 import {
     useGetTrustedIps
 } from "@app/hooks/api";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faGlobe, faPencil, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { UsePopUpState } from "@app/hooks/usePopUp";
 
 type Props = {
@@ -56,7 +57,7 @@ export const IPAllowlistTable = ({
                             <Th className="flex-1">Format</Th>
                             <Th className="flex-1">Comment</Th>
                             {/* <Th className="flex-1">Status</Th> */}
-                            <Th className="w-5"></Th>
+                            <Th className="w-5" />
                         </Tr>
                     </THead>
                     <TBody>

frontend/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsSection.tsx

@@ -1,6 +1,7 @@
 
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import {
   Button
 } from "@app/components/v2";

frontend/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/PmtMethodsTable.tsx

@@ -1,5 +1,6 @@
 import { faCreditCard, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import {
   EmptyState,
   IconButton,

frontend/src/views/Settings/BillingSettingsPage/components/BillingDetailsTab/TaxIDModal.tsx

@@ -1,6 +1,7 @@
 import { Controller, useForm } from "react-hook-form"; 
 import { yupResolver } from "@hookform/resolvers/yup";
 import * as yup from "yup";
+
 import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import {
   Button,

frontend/src/views/Settings/BillingSettingsPage/components/BillingReceiptsTab/InvoicesTable.tsx

@@ -1,5 +1,6 @@
 import { faDownload, faFileInvoice } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import {
   EmptyState,
   IconButton,

frontend/src/views/Settings/ProjectSettingsPage/components/EnvironmentSection/EnvironmentSection.tsx

@@ -1,5 +1,6 @@
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import { useNotificationContext } from "@app/components/context/Notifications/NotificationProvider";
 import {
   Button,
@@ -11,6 +12,7 @@ import {
   useDeleteWsEnvironment
 } from "@app/hooks/api";
 import { usePopUp } from "@app/hooks/usePopUp";
+
 import { AddEnvironmentModal } from "./AddEnvironmentModal";
 import { EnvironmentTable } from "./EnvironmentTable";
 import { UpdateEnvironmentModal } from "./UpdateEnvironmentModal";