refactor and reorganize

src/app/[orgId]/settings/resources/[resourceId]/authentication/SetResourcePasswordForm.tsx

@@ -26,10 +26,10 @@ import {
     CredenzaHeader,
     CredenzaTitle,
 } from "@app/components/Credenza";
-import { formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api";;
 import { AxiosResponse } from "axios";
 import { Resource } from "@server/db/schema";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 
 const setPasswordFormSchema = z.object({

src/app/[orgId]/settings/resources/[resourceId]/authentication/SetResourcePincodeForm.tsx

@@ -26,7 +26,7 @@ import {
     CredenzaHeader,
     CredenzaTitle,
 } from "@app/components/Credenza";
-import { formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api";;
 import { AxiosResponse } from "axios";
 import { Resource } from "@server/db/schema";
 import {
@@ -34,7 +34,7 @@ import {
     InputOTPGroup,
     InputOTPSlot,
 } from "@app/components/ui/input-otp";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 
 const setPincodeFormSchema = z.object({

src/app/[orgId]/settings/resources/[resourceId]/authentication/page.tsx

@@ -6,7 +6,7 @@ import { useToast } from "@app/hooks/useToast";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { useResourceContext } from "@app/hooks/useResourceContext";
 import { AxiosResponse } from "axios";
-import { formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api";;
 import {
     GetResourceAuthInfoResponse,
     GetResourceWhitelistResponse,
@@ -33,10 +33,10 @@ import { ListUsersResponse } from "@server/routers/user";
 import { Switch } from "@app/components/ui/switch";
 import { Label } from "@app/components/ui/label";
 import { Binary, Key, ShieldCheck } from "lucide-react";
-import SetResourcePasswordForm from "./components/SetResourcePasswordForm";
+import SetResourcePasswordForm from "./SetResourcePasswordForm";
 import { Separator } from "@app/components/ui/separator";
-import SetResourcePincodeForm from "./components/SetResourcePincodeForm";
-import { createApiClient } from "@app/api";
+import SetResourcePincodeForm from "./SetResourcePincodeForm";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 
 const UsersRolesFormSchema = z.object({

src/app/[orgId]/settings/resources/[resourceId]/connectivity/page.tsx

@@ -48,9 +48,9 @@ import { useToast } from "@app/hooks/useToast";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { useResourceContext } from "@app/hooks/useResourceContext";
 import { ArrayElement } from "@server/types/ArrayElement";
-import { formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api/formatAxiosError";;
 import { useEnvContext } from "@app/hooks/useEnvContext";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { GetSiteResponse } from "@server/routers/site";
 
 const addTargetSchema = z.object({

src/app/[orgId]/settings/resources/[resourceId]/general/page.tsx

@@ -2,7 +2,7 @@
 
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { cn, formatAxiosError } from "@/lib/utils";
+import { formatAxiosError } from "@app/lib/api";
 import { Button } from "@/components/ui/button";
 import {
     Form,
@@ -39,10 +39,10 @@ import { GetResourceAuthInfoResponse } from "@server/routers/resource";
 import { useToast } from "@app/hooks/useToast";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { useOrgContext } from "@app/hooks/useOrgContext";
-import CustomDomainInput from "../components/CustomDomainInput";
-import ResourceInfoBox from "../components/ResourceInfoBox";
+import CustomDomainInput from "../CustomDomainInput";
+import ResourceInfoBox from "../ResourceInfoBox";
 import { subdomainSchema } from "@server/schemas/subdomainSchema";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 
 const GeneralFormSchema = z.object({

src/app/[orgId]/settings/resources/[resourceId]/layout.tsx

@@ -1,19 +1,19 @@
 import ResourceProvider from "@app/providers/ResourceProvider";
-import { internal } from "@app/api";
+import { internal } from "@app/lib/api";
 import {
     GetResourceAuthInfoResponse,
     GetResourceResponse,
 } from "@server/routers/resource";
 import { AxiosResponse } from "axios";
 import { redirect } from "next/navigation";
-import { authCookieHeader } from "@app/api/cookies";
+import { authCookieHeader } from "@app/lib/api/cookies";
 import { SidebarSettings } from "@app/components/SidebarSettings";
 import {  Cloud, Settings, Shield } from "lucide-react";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { GetOrgResponse } from "@server/routers/org";
 import OrgProvider from "@app/providers/OrgProvider";
 import { cache } from "react";
-import ResourceInfoBox from "./components/ResourceInfoBox";
+import ResourceInfoBox from "./ResourceInfoBox";
 import {
     Breadcrumb,
     BreadcrumbItem,