refactor and reorganize

src/app/[orgId]/settings/resources/CreateResourceForm.tsx

@@ -28,7 +28,7 @@ import {
 } from "@app/components/Credenza";
 import { useParams, useRouter } from "next/navigation";
 import { ListSitesResponse } from "@server/routers/site";
-import { cn, formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api";
 import { CheckIcon } from "lucide-react";
 import {
     Popover,
@@ -44,13 +44,14 @@ import {
     CommandList
 } from "@app/components/ui/command";
 import { CaretSortIcon } from "@radix-ui/react-icons";
-import CustomDomainInput from "../[resourceId]/components/CustomDomainInput";
+import CustomDomainInput from "./[resourceId]/CustomDomainInput";
 import { Axios, AxiosResponse } from "axios";
 import { Resource } from "@server/db/schema";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { subdomainSchema } from "@server/schemas/subdomainSchema";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { cn } from "@app/lib/cn";
 
 const accountFormSchema = z.object({
     subdomain: subdomainSchema,

src/app/[orgId]/settings/resources/ResourcesTable.tsx

@@ -25,9 +25,9 @@ import CreateResourceForm from "./CreateResourceForm";
 import { useState } from "react";
 import ConfirmDeleteDialog from "@app/components/ConfirmDeleteDialog";
 import { set } from "zod";
-import { formatAxiosError } from "@app/lib/utils";
+import { formatAxiosError } from "@app/lib/api";;
 import { useToast } from "@app/hooks/useToast";
-import { createApiClient } from "@app/api";
+import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import CopyToClipboard from "@app/components/CopyToClipboard";
 

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,

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

@@ -1,6 +1,6 @@
-import { internal } from "@app/api";
-import { authCookieHeader } from "@app/api/cookies";
-import ResourcesTable, { ResourceRow } from "./components/ResourcesTable";
+import { internal } from "@app/lib/api";
+import { authCookieHeader } from "@app/lib/api/cookies";
+import ResourcesTable, { ResourceRow } from "./ResourcesTable";
 import { AxiosResponse } from "axios";
 import { ListResourcesResponse } from "@server/routers/resource";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";