♻️ separate org settings page into multiple forms

src/contexts/orgContext.ts

@@ -1,9 +1,8 @@
 import { GetOrgResponse } from "@server/routers/org";
 import { createContext } from "react";
 
-interface OrgContextType {
+export interface OrgContextType {
     org: GetOrgResponse;
-    updateOrg: (updateOrg: Partial<GetOrgResponse>) => void;
 }
 
 const OrgContext = createContext<OrgContextType | undefined>(undefined);

src/providers/OrgProvider.tsx

@@ -10,36 +10,15 @@ interface OrgProviderProps {
     org: GetOrgResponse | null;
 }
 
-export function OrgProvider({ children, org: serverOrg }: OrgProviderProps) {
+export function OrgProvider({ children, org }: OrgProviderProps) {
-    const [org, setOrg] = useState<GetOrgResponse | null>(serverOrg);
-
     const t = useTranslations();
 
     if (!org) {
         throw new Error(t("orgErrorNoProvided"));
     }
 
-    const updateOrg = (updatedOrg: Partial<GetOrgResponse>) => {
-        if (!org) {
-            throw new Error(t("orgErrorNoUpdate"));
-        }
-
-        setOrg((prev) => {
-            if (!prev) {
-                return prev;
-            }
-
-            return {
-                ...prev,
-                ...updatedOrg
-            };
-        });
-    };
-
     return (
-        <OrgContext.Provider value={{ org, updateOrg }}>
+        <OrgContext.Provider value={{ org }}>{children}</OrgContext.Provider>
-            {children}
-        </OrgContext.Provider>
     );
 }