diff --git a/biome.json b/biome.json
index a30eb57..38190cb 100644
--- a/biome.json
+++ b/biome.json
@@ -22,6 +22,8 @@
     "includes": [
       "**/packages/client/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/client/*.{ts,tsx,js,jsx}",
+      "**/packages/admin/src/**/*.{ts,tsx,js,jsx}",
+      "**/packages/admin/*.{ts,tsx,js,jsx}",
       "**/packages/api/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/indexer/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/contracts/src/**/*.{ts,tsx,js,jsx}",
@@ -56,6 +58,7 @@
   "files": {
     "includes": [
       "**/packages/client/src/**/*.{ts,tsx,js,jsx}",
+      "**/packages/admin/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/api/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/indexer/src/**/*.{ts,tsx,js,jsx}",
       "**/packages/contracts/src/**/*.{ts,tsx,js,jsx}",
diff --git a/packages/admin/src/App.tsx b/packages/admin/src/App.tsx
index 411f7fa..776a0f0 100644
--- a/packages/admin/src/App.tsx
+++ b/packages/admin/src/App.tsx
@@ -15,7 +15,7 @@ import Contracts from "@/views/Contracts";
 function App() {
   return (
     <UrqlProvider value={urqlClient}>
-        <BrowserRouter>
+      <BrowserRouter>
         <Routes>
           <Route path="/login" element={<Login />} />
           <Route element={<RequireAuth />}>
@@ -75,9 +75,9 @@ function App() {
             },
           }}
         />
-        </BrowserRouter>
+      </BrowserRouter>
     </UrqlProvider>
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/packages/admin/src/__mocks__/index.ts b/packages/admin/src/__mocks__/index.ts
index 4d4fecc..19a79af 100644
--- a/packages/admin/src/__mocks__/index.ts
+++ b/packages/admin/src/__mocks__/index.ts
@@ -31,7 +31,7 @@ vi.mock("@privy-io/react-auth", () => ({
       },
     ],
   }),
-  PrivyProvider: ({ children }: { children: React.ReactNode }) => 
+  PrivyProvider: ({ children }: { children: React.ReactNode }) =>
     React.createElement("div", { "data-testid": "privy-provider" }, children),
 }));
 
diff --git a/packages/admin/src/__mocks__/privy.ts b/packages/admin/src/__mocks__/privy.ts
index c0feec7..26e1b74 100644
--- a/packages/admin/src/__mocks__/privy.ts
+++ b/packages/admin/src/__mocks__/privy.ts
@@ -41,7 +41,7 @@ export const MockPrivyProvider = ({ children }: { children: React.ReactNode }) =
 export const createMockPrivyUser = (role: "admin" | "operator" | "unauthorized") => {
   const addressMap = {
     admin: "0x2aa64E6d80390F5C017F0313cB908051BE2FD35e",
-    operator: "0x04D60647836bcA09c37B379550038BdaaFD82503", 
+    operator: "0x04D60647836bcA09c37B379550038BdaaFD82503",
     unauthorized: "0x1234567890123456789012345678901234567890",
   };
 
diff --git a/packages/admin/src/__mocks__/server.ts b/packages/admin/src/__mocks__/server.ts
index 1549abd..4fd7ea6 100644
--- a/packages/admin/src/__mocks__/server.ts
+++ b/packages/admin/src/__mocks__/server.ts
@@ -6,51 +6,51 @@ const handlers = [
   // Mock GetGardens query
   graphql.query("GetGardens", ({ variables }) => {
     const chainId = variables.chainId as number;
-    
+
     // Filter gardens by chainId
     const allGardens = [
-          {
-            id: "0x1234567890123456789012345678901234567890",
-            chainId: 84532,
-            tokenAddress: "0xabcd1234567890123456789012345678901234ef",
-            tokenID: "1",
-            name: "Test Garden 1",
-            description: "A test garden for unit testing",
-            location: "Test Location",
-            bannerImage: "https://example.com/banner1.jpg",
-            createdAt: "2024-01-01T00:00:00Z",
-            gardeners: ["0x2aa64E6d80390F5C017F0313cB908051BE2FD35e"],
-            operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
-          },
-          {
-            id: "0x2345678901234567890123456789012345678901",
-            chainId: 84532,
-            tokenAddress: "0xbcde2345678901234567890123456789012345f0",
-            tokenID: "2",
-            name: "Test Garden 2",
-            description: "Another test garden",
-            location: "Test Location 2",
-            bannerImage: "https://example.com/banner2.jpg",
-            createdAt: "2024-01-02T00:00:00Z",
-            gardeners: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
-            operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
-          },
-        ];
+      {
+        id: "0x1234567890123456789012345678901234567890",
+        chainId: 84532,
+        tokenAddress: "0xabcd1234567890123456789012345678901234ef",
+        tokenID: "1",
+        name: "Test Garden 1",
+        description: "A test garden for unit testing",
+        location: "Test Location",
+        bannerImage: "https://example.com/banner1.jpg",
+        createdAt: "2024-01-01T00:00:00Z",
+        gardeners: ["0x2aa64E6d80390F5C017F0313cB908051BE2FD35e"],
+        operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
+      },
+      {
+        id: "0x2345678901234567890123456789012345678901",
+        chainId: 84532,
+        tokenAddress: "0xbcde2345678901234567890123456789012345f0",
+        tokenID: "2",
+        name: "Test Garden 2",
+        description: "Another test garden",
+        location: "Test Location 2",
+        bannerImage: "https://example.com/banner2.jpg",
+        createdAt: "2024-01-02T00:00:00Z",
+        gardeners: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
+        operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
+      },
+    ];
 
-        // Filter by chainId
-        const filteredGardens = allGardens.filter(garden => garden.chainId === chainId);
+    // Filter by chainId
+    const filteredGardens = allGardens.filter((garden) => garden.chainId === chainId);
 
-        return HttpResponse.json({
-          data: {
-            Garden: filteredGardens,
-          },
-        });
+    return HttpResponse.json({
+      data: {
+        Garden: filteredGardens,
+      },
+    });
   }),
 
   // Mock GetDashboardStats query
   graphql.query("GetDashboardStats", ({ variables }) => {
     const chainId = variables.chainId as number;
-    
+
     const allGardens = [
       {
         id: "0x1234567890123456789012345678901234567890",
@@ -68,7 +68,7 @@ const handlers = [
       },
     ];
 
-    const filteredGardens = allGardens.filter(garden => garden.chainId === chainId);
+    const filteredGardens = allGardens.filter((garden) => garden.chainId === chainId);
 
     return HttpResponse.json({
       data: {
@@ -80,7 +80,7 @@ const handlers = [
   // Mock GetOperatorGardens query
   graphql.query("GetOperatorGardens", ({ variables }) => {
     const operator = variables.operator as string[];
-    
+
     // Return gardens where the operator is listed
     const operatorGardens = [
       {
@@ -104,22 +104,24 @@ const handlers = [
   // Mock GetGardenDetail query
   graphql.query("GetGardenDetail", ({ variables }) => {
     const id = variables.id as string;
-    
+
     return HttpResponse.json({
       data: {
-        Garden: [{
-          id,
-          chainId: 84532,
-          tokenAddress: "0xabcd1234567890123456789012345678901234ef",
-          tokenID: "1",
-          name: "Test Garden Detail",
-          description: "Detailed test garden",
-          location: "Test Location",
-          bannerImage: "https://example.com/banner.jpg",
-          createdAt: "2024-01-01T00:00:00Z",
-          gardeners: ["0x2aa64E6d80390F5C017F0313cB908051BE2FD35e"],
-          operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
-        }],
+        Garden: [
+          {
+            id,
+            chainId: 84532,
+            tokenAddress: "0xabcd1234567890123456789012345678901234ef",
+            tokenID: "1",
+            name: "Test Garden Detail",
+            description: "Detailed test garden",
+            location: "Test Location",
+            bannerImage: "https://example.com/banner.jpg",
+            createdAt: "2024-01-01T00:00:00Z",
+            gardeners: ["0x2aa64E6d80390F5C017F0313cB908051BE2FD35e"],
+            operators: ["0x04D60647836bcA09c37B379550038BdaaFD82503"],
+          },
+        ],
       },
     });
   }),
diff --git a/packages/admin/src/__tests__/components/RequireAuth.test.tsx b/packages/admin/src/__tests__/components/RequireAuth.test.tsx
index cac377e..3e2271e 100644
--- a/packages/admin/src/__tests__/components/RequireAuth.test.tsx
+++ b/packages/admin/src/__tests__/components/RequireAuth.test.tsx
@@ -21,10 +21,11 @@ vi.mock("react-router-dom", async () => {
   const actual = await vi.importActual("react-router-dom");
   return {
     ...actual,
-    Navigate: ({ to }: { to: string }) => React.createElement("div", { 
-      "data-testid": "navigate", 
-      "data-to": to 
-    }),
+    Navigate: ({ to }: { to: string }) =>
+      React.createElement("div", {
+        "data-testid": "navigate",
+        "data-to": to,
+      }),
     Outlet: () => React.createElement("div", { "data-testid": "outlet" }, "Protected Content"),
     useLocation: () => mockUseLocation(),
   };
diff --git a/packages/admin/src/__tests__/components/RequireRole.test.tsx b/packages/admin/src/__tests__/components/RequireRole.test.tsx
index b25c476..2e721eb 100644
--- a/packages/admin/src/__tests__/components/RequireRole.test.tsx
+++ b/packages/admin/src/__tests__/components/RequireRole.test.tsx
@@ -114,7 +114,9 @@ describe("RequireRole", () => {
 
     expect(screen.getByText("Unauthorized")).toBeInTheDocument();
     expect(screen.getByText("You don't have permission to access this area.")).toBeInTheDocument();
-    expect(screen.queryByText("Contact an admin to be added as an operator.")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("Contact an admin to be added as an operator.")
+    ).not.toBeInTheDocument();
     expect(screen.queryByTestId("outlet")).not.toBeInTheDocument();
   });
 
@@ -129,6 +131,8 @@ describe("RequireRole", () => {
 
     render(<RequireRole allowedRoles={["admin"]} />);
 
-    expect(screen.queryByText("Contact an admin to be added as an operator.")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("Contact an admin to be added as an operator.")
+    ).not.toBeInTheDocument();
   });
 });
diff --git a/packages/admin/src/__tests__/components/auth.simple.test.tsx b/packages/admin/src/__tests__/components/auth.simple.test.tsx
index 2958700..1c686f9 100644
--- a/packages/admin/src/__tests__/components/auth.simple.test.tsx
+++ b/packages/admin/src/__tests__/components/auth.simple.test.tsx
@@ -42,10 +42,10 @@ describe("Authentication Logic", () => {
       search: "?tab=details",
       hash: "#section1",
     };
-    
+
     const redirectTo = encodeURIComponent(location.pathname + location.search + location.hash);
     const expectedRedirect = `/login?redirectTo=${redirectTo}`;
-    
+
     expect(expectedRedirect).toBe("/login?redirectTo=%2Fgardens%2F123%3Ftab%3Ddetails%23section1");
   });
 
diff --git a/packages/admin/src/__tests__/hooks/useGardenOperations.test.ts b/packages/admin/src/__tests__/hooks/useGardenOperations.test.ts
index 40b9d94..87d165f 100644
--- a/packages/admin/src/__tests__/hooks/useGardenOperations.test.ts
+++ b/packages/admin/src/__tests__/hooks/useGardenOperations.test.ts
@@ -36,7 +36,7 @@ describe("useGardenOperations", () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    
+
     mockUseWallets.mockReturnValue({
       wallets: [
         {
@@ -62,7 +62,7 @@ describe("useGardenOperations", () => {
 
   it("should add gardener successfully", async () => {
     mockWalletClient.writeContract.mockResolvedValue(MOCK_TX_HASH);
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
@@ -70,14 +70,11 @@ describe("useGardenOperations", () => {
       expect(txHash).toBe(MOCK_TX_HASH);
     });
 
-    expect(mockExecuteWithToast).toHaveBeenCalledWith(
-      expect.any(Function),
-      {
-        loadingMessage: "Adding gardener...",
-        successMessage: "Gardener added successfully",
-        errorMessage: "Failed to add gardener",
-      }
-    );
+    expect(mockExecuteWithToast).toHaveBeenCalledWith(expect.any(Function), {
+      loadingMessage: "Adding gardener...",
+      successMessage: "Gardener added successfully",
+      errorMessage: "Failed to add gardener",
+    });
 
     expect(mockWalletClient.writeContract).toHaveBeenCalledWith({
       address: gardenId,
@@ -90,27 +87,26 @@ describe("useGardenOperations", () => {
 
   it("should remove gardener successfully", async () => {
     mockWalletClient.writeContract.mockResolvedValue(MOCK_TX_HASH);
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
-      const txHash = await result.current.removeGardener("0x1234567890123456789012345678901234567890");
+      const txHash = await result.current.removeGardener(
+        "0x1234567890123456789012345678901234567890"
+      );
       expect(txHash).toBe(MOCK_TX_HASH);
     });
 
-    expect(mockExecuteWithToast).toHaveBeenCalledWith(
-      expect.any(Function),
-      {
-        loadingMessage: "Removing gardener...",
-        successMessage: "Gardener removed successfully",
-        errorMessage: "Failed to remove gardener",
-      }
-    );
+    expect(mockExecuteWithToast).toHaveBeenCalledWith(expect.any(Function), {
+      loadingMessage: "Removing gardener...",
+      successMessage: "Gardener removed successfully",
+      errorMessage: "Failed to remove gardener",
+    });
   });
 
   it("should handle wallet not connected error", async () => {
     mockUseWallets.mockReturnValue({ wallets: [] });
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
@@ -132,7 +128,7 @@ describe("useGardenOperations", () => {
         throw error;
       }
     });
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
@@ -148,9 +144,9 @@ describe("useGardenOperations", () => {
 
   it("should set loading state during operations", async () => {
     mockWalletClient.writeContract.mockImplementation(
-      () => new Promise(resolve => setTimeout(() => resolve(MOCK_TX_HASH), 100))
+      () => new Promise((resolve) => setTimeout(() => resolve(MOCK_TX_HASH), 100))
     );
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     expect(result.current.isLoading).toBe(false);
@@ -165,7 +161,7 @@ describe("useGardenOperations", () => {
 
   it("should add operator successfully", async () => {
     mockWalletClient.writeContract.mockResolvedValue(MOCK_TX_HASH);
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
@@ -173,33 +169,29 @@ describe("useGardenOperations", () => {
       expect(txHash).toBe(MOCK_TX_HASH);
     });
 
-    expect(mockExecuteWithToast).toHaveBeenCalledWith(
-      expect.any(Function),
-      {
-        loadingMessage: "Adding operator...",
-        successMessage: "Operator added successfully",
-        errorMessage: "Failed to add operator",
-      }
-    );
+    expect(mockExecuteWithToast).toHaveBeenCalledWith(expect.any(Function), {
+      loadingMessage: "Adding operator...",
+      successMessage: "Operator added successfully",
+      errorMessage: "Failed to add operator",
+    });
   });
 
   it("should remove operator successfully", async () => {
     mockWalletClient.writeContract.mockResolvedValue(MOCK_TX_HASH);
-    
+
     const { result } = renderHook(() => useGardenOperations(gardenId));
 
     await act(async () => {
-      const txHash = await result.current.removeOperator("0x1111111111111111111111111111111111111111");
+      const txHash = await result.current.removeOperator(
+        "0x1111111111111111111111111111111111111111"
+      );
       expect(txHash).toBe(MOCK_TX_HASH);
     });
 
-    expect(mockExecuteWithToast).toHaveBeenCalledWith(
-      expect.any(Function),
-      {
-        loadingMessage: "Removing operator...",
-        successMessage: "Operator removed successfully",
-        errorMessage: "Failed to remove operator",
-      }
-    );
+    expect(mockExecuteWithToast).toHaveBeenCalledWith(expect.any(Function), {
+      loadingMessage: "Removing operator...",
+      successMessage: "Operator removed successfully",
+      errorMessage: "Failed to remove operator",
+    });
   });
 });
diff --git a/packages/admin/src/__tests__/hooks/useRole.simple.test.ts b/packages/admin/src/__tests__/hooks/useRole.simple.test.ts
index 47a901a..e7e0305 100644
--- a/packages/admin/src/__tests__/hooks/useRole.simple.test.ts
+++ b/packages/admin/src/__tests__/hooks/useRole.simple.test.ts
@@ -9,7 +9,7 @@ describe("useRole Hook", () => {
     const deployerAddress = "0x2aa64E6d80390F5C017F0313cB908051BE2FD35e";
     // Mock deployment registry check would happen here
     const canDeploy = true; // Simulating deployment registry allowlist check
-    
+
     expect(canDeploy).toBe(true);
   });
 
@@ -17,7 +17,7 @@ describe("useRole Hook", () => {
     const operatorAddress = "0x04D60647836bcA09c37B379550038BdaaFD82503";
     const operatorGardens = [{ id: "0x123", name: "Test Garden" }];
     const isOperator = operatorGardens.length > 0;
-    
+
     expect(isOperator).toBe(true);
   });
 
@@ -25,17 +25,17 @@ describe("useRole Hook", () => {
     const unknownAddress = "0x1234567890123456789012345678901234567890";
     const canDeploy = false; // Not in deployment registry
     const operatorGardens: any[] = []; // Not operator of any gardens
-    
+
     const isDeployer = canDeploy;
     const isOperator = operatorGardens.length > 0;
-    
+
     let role = "user";
     if (isDeployer) {
       role = "deployer";
     } else if (isOperator) {
       role = "operator";
     }
-    
+
     expect(role).toBe("user");
     expect(isDeployer).toBe(false);
     expect(isOperator).toBe(false);
@@ -45,17 +45,17 @@ describe("useRole Hook", () => {
     const deployerAddress = "0x2aa64E6d80390F5C017F0313cB908051BE2FD35e";
     const canDeploy = true; // In deployment registry allowlist
     const operatorGardens = [{ id: "0x123", name: "Test Garden" }]; // Also operator of gardens
-    
+
     const isDeployer = canDeploy;
     const isOperator = operatorGardens.length > 0;
-    
+
     let role = "user";
     if (isDeployer) {
       role = "deployer";
     } else if (isOperator) {
       role = "operator";
     }
-    
+
     expect(role).toBe("deployer"); // Deployer takes precedence
     expect(isDeployer).toBe(true);
     expect(isOperator).toBe(true); // Can still be operator
diff --git a/packages/admin/src/__tests__/integration/end-to-end.test.ts b/packages/admin/src/__tests__/integration/end-to-end.test.ts
index 9340c24..6c2164d 100644
--- a/packages/admin/src/__tests__/integration/end-to-end.test.ts
+++ b/packages/admin/src/__tests__/integration/end-to-end.test.ts
@@ -14,7 +14,7 @@ describe.skipIf(!isIntegrationEnabled)("End-to-End Garden Management", () => {
   beforeAll(async () => {
     // Deploy test contracts
     contractAddresses = await setupIntegrationTest();
-    
+
     // Update environment with deployed contract addresses
     Object.defineProperty(import.meta, "env", {
       value: {
@@ -68,9 +68,7 @@ describe.skipIf(!isIntegrationEnabled)("End-to-End Garden Management", () => {
       role: "operator",
       isAdmin: false,
       isOperator: true,
-      operatorGardens: [
-        { id: contractAddresses.gardenAccount, name: "Test Garden" }
-      ],
+      operatorGardens: [{ id: contractAddresses.gardenAccount, name: "Test Garden" }],
       loading: false,
     }));
 
@@ -86,8 +84,8 @@ describe.skipIf(!isIntegrationEnabled)("End-to-End Garden Management", () => {
     // 1. Perform a blockchain transaction
     // 2. Wait for indexer to process the event
     // 3. Verify UI reflects the update
-    
-    const mockWaitForIndexerUpdate = vi.fn(() => 
+
+    const mockWaitForIndexerUpdate = vi.fn(() =>
       Promise.resolve({
         garden: {
           id: contractAddresses.gardenAccount,
@@ -103,9 +101,7 @@ describe.skipIf(!isIntegrationEnabled)("End-to-End Garden Management", () => {
 
   it("should handle network failures gracefully", async () => {
     // Mock network failure
-    const mockNetworkFailure = vi.fn(() => 
-      Promise.reject(new Error("Network request failed"))
-    );
+    const mockNetworkFailure = vi.fn(() => Promise.reject(new Error("Network request failed")));
 
     try {
       await mockNetworkFailure();
@@ -132,11 +128,11 @@ describe.skipIf(!isIntegrationEnabled)("End-to-End Garden Management", () => {
 // Helper function to wait for blockchain confirmation
 async function waitForTransaction(txHash: string, maxWait = 30000): Promise<boolean> {
   const startTime = Date.now();
-  
+
   while (Date.now() - startTime < maxWait) {
     // Mock transaction receipt check
     const mockGetReceipt = vi.fn(() => Promise.resolve({ status: "success" }));
-    
+
     try {
       const receipt = await mockGetReceipt();
       if (receipt.status === "success") {
@@ -145,9 +141,9 @@ async function waitForTransaction(txHash: string, maxWait = 30000): Promise<bool
     } catch {
       // Transaction not yet mined
     }
-    
-    await new Promise(resolve => setTimeout(resolve, 2000));
+
+    await new Promise((resolve) => setTimeout(resolve, 2000));
   }
-  
+
   return false;
 }
diff --git a/packages/admin/src/__tests__/integration/foundry-setup.ts b/packages/admin/src/__tests__/integration/foundry-setup.ts
index 7b367b0..81cd607 100644
--- a/packages/admin/src/__tests__/integration/foundry-setup.ts
+++ b/packages/admin/src/__tests__/integration/foundry-setup.ts
@@ -14,9 +14,11 @@ export interface TestContractAddresses {
  */
 export async function deployTestContracts(): Promise<TestContractAddresses> {
   const contractsDir = join(process.cwd(), "../contracts");
-  
+
   if (!existsSync(contractsDir)) {
-    throw new Error("Contracts directory not found. Make sure you're running from the admin package.");
+    throw new Error(
+      "Contracts directory not found. Make sure you're running from the admin package."
+    );
   }
 
   // Create a test deployment script
@@ -45,7 +47,9 @@ echo "{\\"deploymentRegistry\\": \\"$DEPLOYMENT_REGISTRY\\", \\"gardenToken\\":
       env: {
         ...process.env,
         BASE_SEPOLIA_RPC: process.env.VITE_BASE_SEPOLIA_RPC || "https://sepolia.base.org",
-        TEST_PRIVATE_KEY: process.env.TEST_PRIVATE_KEY || "0x1234567890123456789012345678901234567890123456789012345678901234",
+        TEST_PRIVATE_KEY:
+          process.env.TEST_PRIVATE_KEY ||
+          "0x1234567890123456789012345678901234567890123456789012345678901234",
       },
       stdio: ["pipe", "pipe", "pipe"],
     });
diff --git a/packages/admin/src/__tests__/integration/garden-lifecycle.test.ts b/packages/admin/src/__tests__/integration/garden-lifecycle.test.ts
index 24ee4bd..4c4b65b 100644
--- a/packages/admin/src/__tests__/integration/garden-lifecycle.test.ts
+++ b/packages/admin/src/__tests__/integration/garden-lifecycle.test.ts
@@ -5,7 +5,8 @@ import { privateKeyToAccount } from "viem/accounts";
 import { GardenAccountABI, DeploymentRegistryABI } from "@/utils/contracts";
 
 // Integration test configuration
-const TEST_PRIVATE_KEY = "0x1234567890123456789012345678901234567890123456789012345678901234" as const;
+const TEST_PRIVATE_KEY =
+  "0x1234567890123456789012345678901234567890123456789012345678901234" as const;
 const BASE_SEPOLIA_RPC = process.env.VITE_BASE_SEPOLIA_RPC || "https://sepolia.base.org";
 
 // Skip integration tests if not configured
@@ -29,14 +30,15 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
       .extend(walletActions);
 
     // Get deployment registry address from environment or deploy a test one
-    deploymentRegistryAddress = process.env.VITE_DEPLOYMENT_REGISTRY_ADDRESS || "0x1234567890123456789012345678901234567890";
+    deploymentRegistryAddress =
+      process.env.VITE_DEPLOYMENT_REGISTRY_ADDRESS || "0x1234567890123456789012345678901234567890";
   });
 
   it("should create a garden successfully", async () => {
     // This test requires actual contract deployment and interaction
     // For now, we'll mock the expected behavior
     const mockCreateGarden = vi.fn(() => Promise.resolve("0xabcdef1234567890"));
-    
+
     const gardenParams = {
       name: "Integration Test Garden",
       description: "A garden created during integration testing",
@@ -53,28 +55,29 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
   it("should add gardener to existing garden", async () => {
     // Mock garden operations
     const mockAddGardener = vi.fn(() => Promise.resolve("0xabcdef1234567890"));
-    
+
     const newGardenerAddress = "0x2345678901234567890123456789012345678901";
     const txHash = await mockAddGardener(testGardenAddress, newGardenerAddress);
-    
+
     expect(txHash).toMatch(/^0x[a-fA-F0-9]{64}$/);
   });
 
   it("should remove gardener from garden", async () => {
     // Mock garden operations
     const mockRemoveGardener = vi.fn(() => Promise.resolve("0xabcdef1234567890"));
-    
+
     const gardenerToRemove = "0x2345678901234567890123456789012345678901";
     const txHash = await mockRemoveGardener(testGardenAddress, gardenerToRemove);
-    
+
     expect(txHash).toMatch(/^0x[a-fA-F0-9]{64}$/);
   });
 
   it("should fail when unauthorized user tries to perform admin actions", async () => {
     // Create unauthorized account
-    const unauthorizedKey = "0x9876543210987654321098765432109876543210987654321098765432109876" as const;
+    const unauthorizedKey =
+      "0x9876543210987654321098765432109876543210987654321098765432109876" as const;
     const unauthorizedAccount = privateKeyToAccount(unauthorizedKey);
-    
+
     const unauthorizedClient = createTestClient({
       chain: baseSepolia,
       transport: http(BASE_SEPOLIA_RPC),
@@ -84,10 +87,10 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
       .extend(walletActions);
 
     // Mock contract call that should fail
-    const mockUnauthorizedAction = vi.fn(() => 
+    const mockUnauthorizedAction = vi.fn(() =>
       Promise.reject(new Error("Unauthorized: Only admins can create gardens"))
     );
-    
+
     try {
       await mockUnauthorizedAction();
     } catch (error) {
@@ -97,19 +100,21 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
 
   it("should verify indexer updates after garden creation", async () => {
     // Mock indexer query to verify garden was indexed
-    const mockIndexerQuery = vi.fn(() => Promise.resolve({
-      data: {
-        gardens: [
-          {
-            id: testGardenAddress,
-            name: "Integration Test Garden",
-            description: "A garden created during integration testing",
-            operators: [testAccount.address],
-            gardeners: [testAccount.address],
-          },
-        ],
-      },
-    }));
+    const mockIndexerQuery = vi.fn(() =>
+      Promise.resolve({
+        data: {
+          gardens: [
+            {
+              id: testGardenAddress,
+              name: "Integration Test Garden",
+              description: "A garden created during integration testing",
+              operators: [testAccount.address],
+              gardeners: [testAccount.address],
+            },
+          ],
+        },
+      })
+    );
 
     const result = await mockIndexerQuery();
     expect(result.data.gardens).toHaveLength(1);
@@ -118,7 +123,7 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
 
   it("should handle contract deployment failures gracefully", async () => {
     // Mock deployment failure
-    const mockFailedDeployment = vi.fn(() => 
+    const mockFailedDeployment = vi.fn(() =>
       Promise.reject(new Error("Insufficient funds for gas"))
     );
 
@@ -132,7 +137,7 @@ describe.skipIf(!isIntegrationEnabled)("Garden Lifecycle Integration Tests", ()
   it("should verify gas estimation for garden operations", async () => {
     // Mock gas estimation
     const mockEstimateGas = vi.fn(() => Promise.resolve(BigInt(150000)));
-    
+
     const gasEstimate = await mockEstimateGas();
     expect(gasEstimate).toBeGreaterThan(BigInt(100000)); // Reasonable gas limit
     expect(gasEstimate).toBeLessThan(BigInt(500000)); // Not excessive
@@ -145,14 +150,14 @@ async function waitForIndexerUpdate(gardenId: string, maxAttempts = 10): Promise
     // Mock indexer check
     const mockCheck = vi.fn(() => Promise.resolve(true));
     const found = await mockCheck();
-    
+
     if (found) {
       return true;
     }
-    
-    await new Promise(resolve => setTimeout(resolve, 1000));
+
+    await new Promise((resolve) => setTimeout(resolve, 1000));
   }
-  
+
   return false;
 }
 
diff --git a/packages/admin/src/__tests__/setup.ts b/packages/admin/src/__tests__/setup.ts
index 615a5ea..f81ee30 100644
--- a/packages/admin/src/__tests__/setup.ts
+++ b/packages/admin/src/__tests__/setup.ts
@@ -36,4 +36,4 @@ vi.mock("react-hot-toast", () => ({
     loading: vi.fn(() => "toast-id"),
   },
   Toaster: () => null,
-}));
\ No newline at end of file
+}));
diff --git a/packages/admin/src/__tests__/summary.test.ts b/packages/admin/src/__tests__/summary.test.ts
index b257413..916319b 100644
--- a/packages/admin/src/__tests__/summary.test.ts
+++ b/packages/admin/src/__tests__/summary.test.ts
@@ -23,7 +23,7 @@ describe("Test Suite Summary", () => {
     const environments = ["unit", "integration"];
     const hasUnitTests = environments.includes("unit");
     const hasIntegrationTests = environments.includes("integration");
-    
+
     expect(hasUnitTests).toBe(true);
     expect(hasIntegrationTests).toBe(true);
   });
@@ -44,7 +44,7 @@ describe("Test Suite Summary", () => {
 
   it("should validate all required user roles", () => {
     const supportedRoles = ["admin", "operator", "unauthorized"];
-    
+
     expect(supportedRoles).toContain("admin");
     expect(supportedRoles).toContain("operator");
     expect(supportedRoles).toContain("unauthorized");
@@ -54,7 +54,7 @@ describe("Test Suite Summary", () => {
   it("should test blockchain operations", () => {
     const blockchainOperations = [
       "addGardener",
-      "removeGardener", 
+      "removeGardener",
       "addOperator",
       "removeOperator",
       "createGarden",
diff --git a/packages/admin/src/__tests__/utils/mock-providers.tsx b/packages/admin/src/__tests__/utils/mock-providers.tsx
index 91199e4..c2c41a2 100644
--- a/packages/admin/src/__tests__/utils/mock-providers.tsx
+++ b/packages/admin/src/__tests__/utils/mock-providers.tsx
@@ -1,8 +1,11 @@
 import React from "react";
 
 // Create simplified mock providers for component testing
-export const MockUserProvider = ({ children, userRole = "admin" }: { 
-  children: React.ReactNode; 
+export const MockUserProvider = ({
+  children,
+  userRole = "admin",
+}: {
+  children: React.ReactNode;
   userRole?: "admin" | "operator" | "unauthorized";
 }) => {
   const addressMap = {
diff --git a/packages/admin/src/__tests__/utils/test-utils.tsx b/packages/admin/src/__tests__/utils/test-utils.tsx
index f8adbbd..3ce8881 100644
--- a/packages/admin/src/__tests__/utils/test-utils.tsx
+++ b/packages/admin/src/__tests__/utils/test-utils.tsx
@@ -29,9 +29,7 @@ function createTestWrapper({
         <UrqlProvider value={client}>
           <UserProvider>
             <SubscriptionsProvider>
-              <BrowserRouter>
-                {children}
-              </BrowserRouter>
+              <BrowserRouter>{children}</BrowserRouter>
             </SubscriptionsProvider>
           </UserProvider>
         </UrqlProvider>
@@ -41,12 +39,9 @@ function createTestWrapper({
 }
 
 // Custom render function with providers
-export function renderWithProviders(
-  ui: React.ReactElement,
-  options: CustomRenderOptions = {}
-) {
+export function renderWithProviders(ui: React.ReactElement, options: CustomRenderOptions = {}) {
   const { userRole = "admin", _initialEntries, urqlClient, ...renderOptions } = options;
-  
+
   const Wrapper = createTestWrapper({ userRole, _initialEntries, urqlClient });
 
   return {
diff --git a/packages/admin/src/__tests__/utils/urql-mock.ts b/packages/admin/src/__tests__/utils/urql-mock.ts
index 45bf5e1..c93dbd9 100644
--- a/packages/admin/src/__tests__/utils/urql-mock.ts
+++ b/packages/admin/src/__tests__/utils/urql-mock.ts
@@ -70,12 +70,13 @@ export function createMockUrqlClient(customHandlers?: Record<string, unknown>) {
   // Setup query mock to return appropriate responses
   mockClient.executeQuery.mockImplementation(({ query }) => {
     const queryName = query.definitions[0]?.name?.value;
-    const response = customHandlers?.[queryName] || defaultResponses[queryName] || {
-      data: null,
-      fetching: false,
-      error: new Error(`Unmocked query: ${queryName}`),
-    };
-    
+    const response = customHandlers?.[queryName] ||
+      defaultResponses[queryName] || {
+        data: null,
+        fetching: false,
+        error: new Error(`Unmocked query: ${queryName}`),
+      };
+
     return Promise.resolve(response);
   });
 
diff --git a/packages/admin/src/__tests__/views/Gardens.test.tsx b/packages/admin/src/__tests__/views/Gardens.test.tsx
index 278eb7c..e57f6d7 100644
--- a/packages/admin/src/__tests__/views/Gardens.test.tsx
+++ b/packages/admin/src/__tests__/views/Gardens.test.tsx
@@ -19,9 +19,13 @@ vi.mock("urql", () => ({
 // Mock CreateGardenModal component
 vi.mock("@/components/Garden/CreateGardenModal", () => ({
   CreateGardenModal: ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) =>
-    isOpen ? React.createElement("div", { "data-testid": "create-garden-modal" },
-      React.createElement("button", { onClick: onClose }, "Close Modal")
-    ) : null,
+    isOpen
+      ? React.createElement(
+          "div",
+          { "data-testid": "create-garden-modal" },
+          React.createElement("button", { onClick: onClose }, "Close Modal")
+        )
+      : null,
 }));
 
 describe("Gardens View", () => {
@@ -211,7 +215,7 @@ describe("Gardens View", () => {
     // Close modal
     const closeButton = screen.getByText("Close Modal");
     await user.click(closeButton);
-    
+
     await waitFor(() => {
       expect(screen.queryByTestId("create-garden-modal")).not.toBeInTheDocument();
     });
diff --git a/packages/admin/src/__tests__/workflows/createGarden.test.ts b/packages/admin/src/__tests__/workflows/createGarden.test.ts
index 3fec8cd..45d6158 100644
--- a/packages/admin/src/__tests__/workflows/createGarden.test.ts
+++ b/packages/admin/src/__tests__/workflows/createGarden.test.ts
@@ -124,9 +124,9 @@ describe("createGarden workflow", () => {
     actor.send({ type: "START", params: validParams });
     actor.send({ type: "SUBMIT" });
     actor.send({ type: "FAILURE", error: "Transaction failed" });
-    
+
     expect(actor.getSnapshot().value).toBe("error");
-    
+
     actor.send({ type: "RETRY" });
 
     // After retry, should go back to submitting state
diff --git a/packages/admin/src/__tests__/workflows/unauthorized-actions.test.tsx b/packages/admin/src/__tests__/workflows/unauthorized-actions.test.tsx
index 5f8b804..d1395b4 100644
--- a/packages/admin/src/__tests__/workflows/unauthorized-actions.test.tsx
+++ b/packages/admin/src/__tests__/workflows/unauthorized-actions.test.tsx
@@ -26,17 +26,25 @@ vi.mock("@/hooks/useGardenOperations", () => ({
 // Mock CreateGardenModal
 vi.mock("@/components/Garden/CreateGardenModal", () => ({
   CreateGardenModal: ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) =>
-    isOpen ? React.createElement("div", { "data-testid": "create-garden-modal" },
-      React.createElement("button", { 
-        "data-testid": "create-garden-submit",
-        onClick: () => {
-          // Simulate unauthorized action
-          toast.error("Unauthorized: Admin role required");
-          onClose();
-        }
-      }, "Create Garden"),
-      React.createElement("button", { onClick: onClose }, "Cancel")
-    ) : null,
+    isOpen
+      ? React.createElement(
+          "div",
+          { "data-testid": "create-garden-modal" },
+          React.createElement(
+            "button",
+            {
+              "data-testid": "create-garden-submit",
+              onClick: () => {
+                // Simulate unauthorized action
+                toast.error("Unauthorized: Admin role required");
+                onClose();
+              },
+            },
+            "Create Garden"
+          ),
+          React.createElement("button", { onClick: onClose }, "Cancel")
+        )
+      : null,
 }));
 
 describe("Unauthorized Actions", () => {
@@ -51,7 +59,7 @@ describe("Unauthorized Actions", () => {
 
   it("should show error toast when unauthorized user tries to create garden", async () => {
     const user = userEvent.setup();
-    
+
     mockUseRole.mockReturnValue({
       isAdmin: false,
       isOperator: false,
@@ -75,7 +83,7 @@ describe("Unauthorized Actions", () => {
 
   it("should show error toast when operator tries admin-only actions", async () => {
     const user = userEvent.setup();
-    
+
     mockUseRole.mockReturnValue({
       isAdmin: false,
       isOperator: true,
@@ -103,8 +111,10 @@ describe("Unauthorized Actions", () => {
   });
 
   it("should prevent unauthorized garden operations", async () => {
-    const mockAddGardener = vi.fn(() => Promise.reject(new Error("Unauthorized: Only operators can add gardeners")));
-    
+    const mockAddGardener = vi.fn(() =>
+      Promise.reject(new Error("Unauthorized: Only operators can add gardeners"))
+    );
+
     mockUseGardenOperations.mockReturnValue({
       addGardener: mockAddGardener,
       removeGardener: vi.fn(),
diff --git a/packages/admin/src/components/ConnectButton.tsx b/packages/admin/src/components/ConnectButton.tsx
index d5ab9ba..6b0a85f 100644
--- a/packages/admin/src/components/ConnectButton.tsx
+++ b/packages/admin/src/components/ConnectButton.tsx
@@ -9,45 +9,54 @@ interface ConnectButtonProps {
   size?: "sm" | "md" | "lg";
 }
 
-export function ConnectButton({ 
-  className, 
-  children, 
+export function ConnectButton({
+  className,
+  children,
   variant = "primary",
-  size = "md" 
+  size = "md",
 }: ConnectButtonProps) {
   const { isConnecting } = useAccount();
   const { open } = useAppKit();
 
-  const baseStyles = "inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
-  
+  const baseStyles =
+    "inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
+
   const variantStyles = {
-    primary: "border border-transparent text-white bg-green-600 hover:bg-green-700 focus:ring-green-500",
-    secondary: "border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-green-500"
+    primary:
+      "border border-transparent text-white bg-green-600 hover:bg-green-700 focus:ring-green-500",
+    secondary:
+      "border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-green-500",
   };
 
   const sizeStyles = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
-    lg: "px-6 py-3 text-base"
+    lg: "px-6 py-3 text-base",
   };
 
   return (
     <button
       onClick={() => open()}
       disabled={isConnecting}
-      className={cn(
-        baseStyles,
-        variantStyles[variant],
-        sizeStyles[size],
-        className
-      )}
+      className={cn(baseStyles, variantStyles[variant], sizeStyles[size], className)}
     >
       <div className="flex items-center">
         {isConnecting ? (
           <>
             <svg className="animate-spin -ml-1 mr-2 h-4 w-4" fill="none" viewBox="0 0 24 24">
-              <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-              <path className="opacity-75" fill="currentColor" d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+              <circle
+                className="opacity-25"
+                cx="12"
+                cy="12"
+                r="10"
+                stroke="currentColor"
+                strokeWidth="4"
+              ></circle>
+              <path
+                className="opacity-75"
+                fill="currentColor"
+                d="m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+              ></path>
             </svg>
             Connecting...
           </>
@@ -56,7 +65,11 @@ export function ConnectButton({
             {children || (
               <>
                 <svg className="mr-2 h-4 w-4" fill="currentColor" viewBox="0 0 20 20">
-                  <path fillRule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clipRule="evenodd" />
+                  <path
+                    fillRule="evenodd"
+                    d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+                    clipRule="evenodd"
+                  />
                 </svg>
                 Connect Wallet
               </>
diff --git a/packages/admin/src/components/Garden/AddMemberModal.tsx b/packages/admin/src/components/Garden/AddMemberModal.tsx
index c8699bc..3c04a20 100644
--- a/packages/admin/src/components/Garden/AddMemberModal.tsx
+++ b/packages/admin/src/components/Garden/AddMemberModal.tsx
@@ -10,7 +10,13 @@ interface AddMemberModalProps {
   isLoading: boolean;
 }
 
-export function AddMemberModal({ isOpen, onClose, memberType, onAdd, isLoading }: AddMemberModalProps) {
+export function AddMemberModal({
+  isOpen,
+  onClose,
+  memberType,
+  onAdd,
+  isLoading,
+}: AddMemberModalProps) {
   const [address, setAddress] = useState("");
   const [error, setError] = useState("");
 
@@ -73,8 +79,8 @@ export function AddMemberModal({ isOpen, onClose, memberType, onAdd, isLoading }
   return (
     <div className="fixed inset-0 z-[9999] flex items-center justify-center p-4">
       {/* Backdrop */}
-      <div 
-        className="absolute inset-0 bg-black bg-opacity-20" 
+      <div
+        className="absolute inset-0 bg-black bg-opacity-20"
         onClick={handleClose}
         aria-hidden="true"
       />
@@ -98,7 +104,10 @@ export function AddMemberModal({ isOpen, onClose, memberType, onAdd, isLoading }
         {/* Form */}
         <form onSubmit={handleSubmit} className="space-y-4">
           <div>
-            <label htmlFor="member-address" className="block text-sm font-medium text-gray-700 mb-2">
+            <label
+              htmlFor="member-address"
+              className="block text-sm font-medium text-gray-700 mb-2"
+            >
               Ethereum Address
             </label>
             <div className="relative">
@@ -122,9 +131,7 @@ export function AddMemberModal({ isOpen, onClose, memberType, onAdd, isLoading }
                 <RiClipboardLine className="h-4 w-4" />
               </button>
             </div>
-            {error && (
-              <p className="mt-1 text-sm text-red-600">{error}</p>
-            )}
+            {error && <p className="mt-1 text-sm text-red-600">{error}</p>}
           </div>
 
           {/* Buttons */}
@@ -147,11 +154,13 @@ export function AddMemberModal({ isOpen, onClose, memberType, onAdd, isLoading }
                   : "bg-green-600 hover:bg-green-700"
               )}
             >
-              {isLoading ? "Adding..." : `Add ${memberType === "gardener" ? "Gardener" : "Operator"}`}
+              {isLoading
+                ? "Adding..."
+                : `Add ${memberType === "gardener" ? "Gardener" : "Operator"}`}
             </button>
           </div>
         </form>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/Garden/CreateGardenModal.tsx b/packages/admin/src/components/Garden/CreateGardenModal.tsx
index 1d70311..16aa3a7 100644
--- a/packages/admin/src/components/Garden/CreateGardenModal.tsx
+++ b/packages/admin/src/components/Garden/CreateGardenModal.tsx
@@ -23,7 +23,7 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
   const [gardenerInput, setGardenerInput] = useState("");
   const [operatorInput, setOperatorInput] = useState("");
   const { state, startCreation, submitCreation } = useCreateGardenWorkflow();
-  const isCreating = state.matches('creating');
+  const isCreating = state.matches("creating");
 
   const {
     register,
@@ -52,7 +52,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
   };
 
   const removeGardener = (index: number) => {
-    setValue("gardeners", gardeners.filter((_, i) => i !== index));
+    setValue(
+      "gardeners",
+      gardeners.filter((_, i) => i !== index)
+    );
   };
 
   const addOperator = () => {
@@ -63,7 +66,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
   };
 
   const removeOperator = (index: number) => {
-    setValue("operators", operators.filter((_, i) => i !== index));
+    setValue(
+      "operators",
+      operators.filter((_, i) => i !== index)
+    );
   };
 
   const onSubmit = async (data: CreateGardenForm) => {
@@ -108,10 +114,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
   return (
     <div className="fixed inset-0 z-50 overflow-y-auto">
       <div className="flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0">
-        <div 
-          className="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75" 
+        <div
+          className="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"
           onClick={onClose}
-          onKeyDown={(e) => e.key === 'Escape' && onClose()}
+          onKeyDown={(e) => e.key === "Escape" && onClose()}
           role="button"
           tabIndex={0}
           aria-label="Close modal"
@@ -120,10 +126,7 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
         <div className="inline-block w-full max-w-2xl p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-lg">
           <div className="flex items-center justify-between mb-6">
             <h3 className="text-lg font-medium text-gray-900">Create New Garden</h3>
-            <button
-              onClick={onClose}
-              className="p-2 text-gray-400 hover:text-gray-600 rounded-md"
-            >
+            <button onClick={onClose} className="p-2 text-gray-400 hover:text-gray-600 rounded-md">
               <RiCloseLine className="h-5 w-5" />
             </button>
           </div>
@@ -132,7 +135,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
             {/* Basic Information */}
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label htmlFor="garden-name" className="block text-sm font-medium text-gray-700 mb-2">
+                <label
+                  htmlFor="garden-name"
+                  className="block text-sm font-medium text-gray-700 mb-2"
+                >
                   Garden Name *
                 </label>
                 <input
@@ -141,13 +147,14 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
                   className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"
                   placeholder="Enter garden name"
                 />
-                {errors.name && (
-                  <p className="mt-1 text-sm text-red-600">{errors.name.message}</p>
-                )}
+                {errors.name && <p className="mt-1 text-sm text-red-600">{errors.name.message}</p>}
               </div>
 
               <div>
-                <label htmlFor="garden-location" className="block text-sm font-medium text-gray-700 mb-2">
+                <label
+                  htmlFor="garden-location"
+                  className="block text-sm font-medium text-gray-700 mb-2"
+                >
                   Location *
                 </label>
                 <input
@@ -163,7 +170,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
             </div>
 
             <div>
-              <label htmlFor="garden-description" className="block text-sm font-medium text-gray-700 mb-2">
+              <label
+                htmlFor="garden-description"
+                className="block text-sm font-medium text-gray-700 mb-2"
+              >
                 Description *
               </label>
               <textarea
@@ -180,7 +190,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
               <div>
-                <label htmlFor="community-token" className="block text-sm font-medium text-gray-700 mb-2">
+                <label
+                  htmlFor="community-token"
+                  className="block text-sm font-medium text-gray-700 mb-2"
+                >
                   Community Token Address *
                 </label>
                 <input
@@ -195,7 +208,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
               </div>
 
               <div>
-                <label htmlFor="banner-image" className="block text-sm font-medium text-gray-700 mb-2">
+                <label
+                  htmlFor="banner-image"
+                  className="block text-sm font-medium text-gray-700 mb-2"
+                >
                   Banner Image URL
                 </label>
                 <input
@@ -212,7 +228,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
 
             {/* Gardeners */}
             <div>
-              <label htmlFor="gardener-input" className="block text-sm font-medium text-gray-700 mb-2">
+              <label
+                htmlFor="gardener-input"
+                className="block text-sm font-medium text-gray-700 mb-2"
+              >
                 Gardeners
               </label>
               <div className="flex space-x-2 mb-2">
@@ -233,7 +252,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
               </div>
               <div className="space-y-2 max-h-32 overflow-y-auto">
                 {gardeners.map((gardener, index) => (
-                  <div key={index} className="flex items-center justify-between p-2 bg-gray-50 rounded-md">
+                  <div
+                    key={index}
+                    className="flex items-center justify-between p-2 bg-gray-50 rounded-md"
+                  >
                     <span className="text-sm font-mono">{gardener}</span>
                     <button
                       type="button"
@@ -249,7 +271,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
 
             {/* Operators */}
             <div>
-              <label htmlFor="operator-input" className="block text-sm font-medium text-gray-700 mb-2">
+              <label
+                htmlFor="operator-input"
+                className="block text-sm font-medium text-gray-700 mb-2"
+              >
                 Operators
               </label>
               <div className="flex space-x-2 mb-2">
@@ -270,7 +295,10 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
               </div>
               <div className="space-y-2 max-h-32 overflow-y-auto">
                 {operators.map((operator, index) => (
-                  <div key={index} className="flex items-center justify-between p-2 bg-gray-50 rounded-md">
+                  <div
+                    key={index}
+                    className="flex items-center justify-between p-2 bg-gray-50 rounded-md"
+                  >
                     <span className="text-sm font-mono">{operator}</span>
                     <button
                       type="button"
@@ -298,9 +326,7 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
                 disabled={isCreating}
                 className={cn(
                   "px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500",
-                  isCreating
-                    ? "bg-gray-400 cursor-not-allowed"
-                    : "bg-green-600 hover:bg-green-700"
+                  isCreating ? "bg-gray-400 cursor-not-allowed" : "bg-green-600 hover:bg-green-700"
                 )}
               >
                 {isCreating ? "Creating..." : "Create Garden"}
@@ -311,4 +337,4 @@ export function CreateGardenModal({ isOpen, onClose }: CreateGardenModalProps) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/Layout/DashboardLayout.tsx b/packages/admin/src/components/Layout/DashboardLayout.tsx
index edeee92..00a4ff6 100644
--- a/packages/admin/src/components/Layout/DashboardLayout.tsx
+++ b/packages/admin/src/components/Layout/DashboardLayout.tsx
@@ -14,4 +14,4 @@ export function DashboardLayout() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/Layout/Header.tsx b/packages/admin/src/components/Layout/Header.tsx
index 80cb5e6..7f26200 100644
--- a/packages/admin/src/components/Layout/Header.tsx
+++ b/packages/admin/src/components/Layout/Header.tsx
@@ -8,8 +8,9 @@ export function Header() {
   const { switchChain, isPending: isSwitching } = useSwitchChain();
   const chainId = useChainId();
   const { setSidebarOpen } = useAdminStore();
-  
-  const currentChain = SUPPORTED_CHAINS.find(chain => chain.id === chainId) || SUPPORTED_CHAINS[0];
+
+  const currentChain =
+    SUPPORTED_CHAINS.find((chain) => chain.id === chainId) || SUPPORTED_CHAINS[0];
 
   return (
     <header className="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
@@ -49,4 +50,4 @@ export function Header() {
       </div>
     </header>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/Layout/Sidebar.tsx b/packages/admin/src/components/Layout/Sidebar.tsx
index cfa8593..af58acc 100644
--- a/packages/admin/src/components/Layout/Sidebar.tsx
+++ b/packages/admin/src/components/Layout/Sidebar.tsx
@@ -6,7 +6,12 @@ import { useAdminStore } from "@/stores/admin";
 import { cn } from "@/utils/cn";
 
 const navigation = [
-  { name: "Dashboard", href: "/dashboard", icon: RiDashboardLine, roles: ["deployer", "operator", "user"] },
+  {
+    name: "Dashboard",
+    href: "/dashboard",
+    icon: RiDashboardLine,
+    roles: ["deployer", "operator", "user"],
+  },
   { name: "Gardens", href: "/gardens", icon: RiPlantLine, roles: ["deployer", "operator", "user"] },
   { name: "Contracts", href: "/contracts", icon: RiSettings3Line, roles: ["deployer"] },
 ];
@@ -17,16 +22,16 @@ export function Sidebar() {
   const { role, isDeployer } = useRole();
   const { sidebarOpen, setSidebarOpen } = useAdminStore();
 
-  const filteredNavigation = navigation.filter(item => 
-    item.roles.includes(role)
-  );
+  const filteredNavigation = navigation.filter((item) => item.roles.includes(role));
 
   return (
-    <div className={cn(
-      "fixed inset-y-0 left-0 z-50 w-64 bg-white dark:bg-gray-800 shadow-lg transform transition-transform duration-300 ease-in-out",
-      sidebarOpen ? "translate-x-0" : "-translate-x-full",
-      "lg:translate-x-0 lg:static lg:inset-0"
-    )}>
+    <div
+      className={cn(
+        "fixed inset-y-0 left-0 z-50 w-64 bg-white dark:bg-gray-800 shadow-lg transform transition-transform duration-300 ease-in-out",
+        sidebarOpen ? "translate-x-0" : "-translate-x-full",
+        "lg:translate-x-0 lg:static lg:inset-0"
+      )}
+    >
       <div className="flex flex-col h-full">
         {/* Header */}
         <div className="flex items-center justify-between h-16 px-6 border-b border-gray-200 dark:border-gray-700">
@@ -36,7 +41,12 @@ export function Sidebar() {
             className="lg:hidden p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300"
           >
             <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M6 18L18 6M6 6l12 12"
+              />
             </svg>
           </button>
         </div>
@@ -44,20 +54,25 @@ export function Sidebar() {
         {/* Role indicator */}
         <div className="px-6 py-3 bg-gray-50 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600">
           <div className="flex items-center space-x-2">
-            <div className={cn(
-              "h-2 w-2 rounded-full",
-              isDeployer ? "bg-red-500" : role === "operator" ? "bg-blue-500" : "bg-gray-500"
-            )}></div>
-            <span className="text-sm font-medium text-gray-700 dark:text-gray-300 capitalize">{role}</span>
+            <div
+              className={cn(
+                "h-2 w-2 rounded-full",
+                isDeployer ? "bg-red-500" : role === "operator" ? "bg-blue-500" : "bg-gray-500"
+              )}
+            ></div>
+            <span className="text-sm font-medium text-gray-700 dark:text-gray-300 capitalize">
+              {role}
+            </span>
           </div>
         </div>
 
         {/* Navigation */}
         <nav className="flex-1 px-4 py-6 space-y-2">
           {filteredNavigation.map((item) => {
-            const isActive = location.pathname === item.href || 
+            const isActive =
+              location.pathname === item.href ||
               (item.href !== "/dashboard" && location.pathname.startsWith(item.href));
-            
+
             return (
               <Link
                 key={item.name}
@@ -89,4 +104,4 @@ export function Sidebar() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/Layout/UserProfile.tsx b/packages/admin/src/components/Layout/UserProfile.tsx
index e7a2e24..3b2b01c 100644
--- a/packages/admin/src/components/Layout/UserProfile.tsx
+++ b/packages/admin/src/components/Layout/UserProfile.tsx
@@ -1,5 +1,12 @@
 import { useState, useRef, useEffect } from "react";
-import { RiLogoutBoxLine, RiMoonLine, RiSunLine, RiUserLine, RiArrowDownSLine, RiComputerLine } from "@remixicon/react";
+import {
+  RiLogoutBoxLine,
+  RiMoonLine,
+  RiSunLine,
+  RiUserLine,
+  RiArrowDownSLine,
+  RiComputerLine,
+} from "@remixicon/react";
 import { useAuth } from "@/providers/AuthProvider";
 import { useRole } from "@/hooks/useRole";
 import { useDarkMode } from "@/hooks/useDarkMode";
@@ -10,7 +17,7 @@ export function UserProfile() {
   const dropdownRef = useRef<HTMLDivElement>(null);
   const { disconnect, address } = useAuth();
   const { role } = useRole();
-  const { isDark, themeMode, setThemeMode } = useDarkMode();
+  const { themeMode, setThemeMode } = useDarkMode();
 
   // Close dropdown when clicking outside
   useEffect(() => {
@@ -33,11 +40,11 @@ export function UserProfile() {
 
   const getThemeIcon = (mode: string) => {
     switch (mode) {
-      case 'light':
+      case "light":
         return <RiSunLine className="mr-3 h-4 w-4" />;
-      case 'dark':
+      case "dark":
         return <RiMoonLine className="mr-3 h-4 w-4" />;
-      case 'system':
+      case "system":
         return <RiComputerLine className="mr-3 h-4 w-4" />;
       default:
         return <RiComputerLine className="mr-3 h-4 w-4" />;
@@ -46,14 +53,14 @@ export function UserProfile() {
 
   const getThemeLabel = (mode: string) => {
     switch (mode) {
-      case 'light':
-        return 'Light Mode';
-      case 'dark':
-        return 'Dark Mode';
-      case 'system':
-        return 'System';
+      case "light":
+        return "Light Mode";
+      case "dark":
+        return "Dark Mode";
+      case "system":
+        return "System";
       default:
-        return 'System';
+        return "System";
     }
   };
 
@@ -64,7 +71,9 @@ export function UserProfile() {
         className="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
       >
         <div className="text-right">
-          <div className="text-sm font-medium text-gray-900 dark:text-gray-100 capitalize">{role}</div>
+          <div className="text-sm font-medium text-gray-900 dark:text-gray-100 capitalize">
+            {role}
+          </div>
           <div className="text-xs text-gray-500 dark:text-gray-400">
             {address ? `${address.slice(0, 6)}...${address.slice(-4)}` : ""}
           </div>
@@ -75,11 +84,11 @@ export function UserProfile() {
               {role === "deployer" ? "D" : role === "operator" ? "O" : "U"}
             </span>
           </div>
-          <RiArrowDownSLine 
+          <RiArrowDownSLine
             className={cn(
               "h-4 w-4 text-gray-500 dark:text-gray-400 transition-transform",
               isOpen && "rotate-180"
-            )} 
+            )}
           />
         </div>
       </button>
@@ -111,7 +120,7 @@ export function UserProfile() {
                 Theme
               </div>
               <div className="space-y-1">
-                {(['light', 'dark', 'system'] as const).map((mode) => (
+                {(["light", "dark", "system"] as const).map((mode) => (
                   <button
                     key={mode}
                     onClick={() => setThemeMode(mode)}
@@ -146,4 +155,4 @@ export function UserProfile() {
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/RequireAuth.tsx b/packages/admin/src/components/RequireAuth.tsx
index 7fd8238..cb689a6 100644
--- a/packages/admin/src/components/RequireAuth.tsx
+++ b/packages/admin/src/components/RequireAuth.tsx
@@ -8,7 +8,10 @@ export function RequireAuth() {
   if (!ready) {
     return (
       <div className="flex items-center justify-center min-h-screen">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" data-testid="loading-spinner"></div>
+        <div
+          className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"
+          data-testid="loading-spinner"
+        ></div>
       </div>
     );
   }
@@ -18,6 +21,6 @@ export function RequireAuth() {
     const redirectTo = encodeURIComponent(location.pathname + location.search + location.hash);
     return <Navigate to={`/login?redirectTo=${redirectTo}`} replace />;
   }
-  
+
   return <Outlet />;
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/RequireRole.tsx b/packages/admin/src/components/RequireRole.tsx
index 9f6e192..94178bf 100644
--- a/packages/admin/src/components/RequireRole.tsx
+++ b/packages/admin/src/components/RequireRole.tsx
@@ -11,7 +11,10 @@ export function RequireRole({ allowedRoles }: RequireRoleProps) {
   if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen">
-        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" data-testid="loading-spinner"></div>
+        <div
+          className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"
+          data-testid="loading-spinner"
+        ></div>
       </div>
     );
   }
@@ -21,9 +24,7 @@ export function RequireRole({ allowedRoles }: RequireRoleProps) {
       <div className="flex items-center justify-center min-h-screen">
         <div className="text-center">
           <h1 className="text-2xl font-bold text-gray-900 mb-4">Unauthorized</h1>
-          <p className="text-gray-600">
-            You don&apos;t have permission to access this area.
-          </p>
+          <p className="text-gray-600">You don&apos;t have permission to access this area.</p>
           {role === "user" && (
             <div className="text-sm text-gray-500 mt-4 space-y-2">
               <p>To access this area, you need to be:</p>
@@ -43,4 +44,4 @@ export function RequireRole({ allowedRoles }: RequireRoleProps) {
   }
 
   return <Outlet />;
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/components/ui/AddressDisplay.tsx b/packages/admin/src/components/ui/AddressDisplay.tsx
index 81a52b2..c6bbea1 100644
--- a/packages/admin/src/components/ui/AddressDisplay.tsx
+++ b/packages/admin/src/components/ui/AddressDisplay.tsx
@@ -9,11 +9,11 @@ interface AddressDisplayProps {
   truncateLength?: number;
 }
 
-export function AddressDisplay({ 
-  address, 
-  className, 
-  showCopyButton = true, 
-  truncateLength = 6 
+export function AddressDisplay({
+  address,
+  className,
+  showCopyButton = true,
+  truncateLength = 6,
 }: AddressDisplayProps) {
   const [copied, setCopied] = useState(false);
   const [showTooltip, setShowTooltip] = useState(false);
@@ -33,15 +33,13 @@ export function AddressDisplay({
 
   return (
     <div className={cn("flex items-center space-x-2", className)}>
-      <div 
+      <div
         className="relative"
         onMouseEnter={() => setShowTooltip(true)}
         onMouseLeave={() => setShowTooltip(false)}
       >
-        <span className="text-sm font-mono cursor-pointer">
-          {truncatedAddress}
-        </span>
-        
+        <span className="text-sm font-mono cursor-pointer">{truncatedAddress}</span>
+
         {/* Tooltip */}
         {showTooltip && (
           <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-xs rounded whitespace-nowrap z-50">
@@ -50,7 +48,7 @@ export function AddressDisplay({
           </div>
         )}
       </div>
-      
+
       {showCopyButton && (
         <button
           onClick={handleCopy}
diff --git a/packages/admin/src/config.ts b/packages/admin/src/config.ts
index 5537b8e..7aa9443 100644
--- a/packages/admin/src/config.ts
+++ b/packages/admin/src/config.ts
@@ -1,8 +1,8 @@
-import { QueryClient } from '@tanstack/react-query'
-import { createAppKit } from '@reown/appkit/react'
-import { WagmiAdapter } from '@reown/appkit-adapter-wagmi'
-import { arbitrum, baseSepolia, celo } from 'wagmi/chains'
-import { arbitrum as arbitrumNetwork } from '@reown/appkit/networks'
+import { QueryClient } from "@tanstack/react-query";
+import { createAppKit } from "@reown/appkit/react";
+import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
+import { arbitrum, baseSepolia, celo } from "wagmi/chains";
+import { arbitrum as arbitrumNetwork } from "@reown/appkit/networks";
 
 export const DEFAULT_CHAIN_ID = Number(import.meta.env.VITE_DEFAULT_CHAIN_ID) || arbitrum.id;
 
@@ -12,40 +12,41 @@ export const APP_DESCRIPTION = "Garden management dashboard for Green Goods prot
 export const SUPPORTED_CHAINS = [arbitrum, celo, baseSepolia];
 
 export function getDefaultChain() {
-  return SUPPORTED_CHAINS.find(chain => chain.id === DEFAULT_CHAIN_ID) || arbitrum;
+  return SUPPORTED_CHAINS.find((chain) => chain.id === DEFAULT_CHAIN_ID) || arbitrum;
 }
 
 // Use proxy in development, direct URL in production
-export const INDEXER_URL = import.meta.env.DEV 
-  ? "/api/graphql" 
-  : import.meta.env.VITE_ENVIO_INDEXER_URL || "https://indexer.dev.hyperindex.xyz/2e23bea/v1/graphql";
+export const INDEXER_URL = import.meta.env.DEV
+  ? "/api/graphql"
+  : import.meta.env.VITE_ENVIO_INDEXER_URL ||
+    "https://indexer.dev.hyperindex.xyz/2e23bea/v1/graphql";
 
 // 1. Get projectId from https://cloud.reown.com
-export const projectId = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID || 'demo-project-id'
+export const projectId = import.meta.env.VITE_WALLETCONNECT_PROJECT_ID || "demo-project-id";
 
 // 2. Create a metadata object - optional
 export const metadata = {
-  name: 'Green Goods Admin',
-  description: 'Garden management dashboard for Green Goods protocol',
-  url: typeof window !== 'undefined' ? window.location.origin : 'https://green-goods.app',
-  icons: ['https://avatars.githubusercontent.com/u/179229932']
-}
+  name: "Green Goods Admin",
+  description: "Garden management dashboard for Green Goods protocol",
+  url: typeof window !== "undefined" ? window.location.origin : "https://green-goods.app",
+  icons: ["https://avatars.githubusercontent.com/u/179229932"],
+};
 
 // 3. Set the networks - ensure we have at least one
-export const networks = [arbitrum, celo, baseSepolia]
+export const networks = [arbitrum, celo, baseSepolia];
 
 // 4. Create Wagmi Adapter
 export const wagmiAdapter = new WagmiAdapter({
   networks,
   projectId,
-  ssr: false
-})
+  ssr: false,
+});
 
 // 5. Export wagmi config
-export const wagmiConfig = wagmiAdapter.wagmiConfig
+export const wagmiConfig = wagmiAdapter.wagmiConfig;
 
 // 6. Create and export query client
-export const queryClient = new QueryClient()
+export const queryClient = new QueryClient();
 
 // Initialize AppKit *outside* the component render cycle
 // Add a check for projectId for type safety
@@ -60,14 +61,13 @@ if (!projectId) {
     networks: [arbitrum, celo, baseSepolia],
     defaultNetwork: arbitrumNetwork, // Use arbitrum as default
     metadata,
-    features: { 
+    features: {
       analytics: false, // Disable analytics for privacy
       email: false, // Disable email login
       socials: [], // No social logins
-      emailShowWallets: true 
+      emailShowWallets: true,
     },
-  })
+  });
 }
 
-
-console.log("INDEXER_URL", INDEXER_URL);
\ No newline at end of file
+console.log("INDEXER_URL", INDEXER_URL);
diff --git a/packages/admin/src/hooks/useCreateGardenWorkflow.ts b/packages/admin/src/hooks/useCreateGardenWorkflow.ts
index a9cb2d3..58c4a85 100644
--- a/packages/admin/src/hooks/useCreateGardenWorkflow.ts
+++ b/packages/admin/src/hooks/useCreateGardenWorkflow.ts
@@ -67,4 +67,4 @@ export function useCreateGardenWorkflow() {
     reset,
     canRetry: state.matches("error") && state.context.retryCount < 3,
   };
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/hooks/useDarkMode.ts b/packages/admin/src/hooks/useDarkMode.ts
index 42f204e..4dbfc3a 100644
--- a/packages/admin/src/hooks/useDarkMode.ts
+++ b/packages/admin/src/hooks/useDarkMode.ts
@@ -1,72 +1,72 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useState } from "react";
 
-export type ThemeMode = 'light' | 'dark' | 'system'
+export type ThemeMode = "light" | "dark" | "system";
 
 export function useDarkMode() {
   const [themeMode, setThemeMode] = useState<ThemeMode>(() => {
-    if (typeof window === 'undefined') return 'system'
-    const stored = localStorage.getItem('themeMode') as ThemeMode | null
-    return stored || 'system'
-  })
+    if (typeof window === "undefined") return "system";
+    const stored = localStorage.getItem("themeMode") as ThemeMode | null;
+    return stored || "system";
+  });
 
   const [isDark, setIsDark] = useState(() => {
-    if (typeof window === 'undefined') return false
-    const stored = localStorage.getItem('themeMode')
-    if (stored === 'dark') return true
-    if (stored === 'light') return false
+    if (typeof window === "undefined") return false;
+    const stored = localStorage.getItem("themeMode");
+    if (stored === "dark") return true;
+    if (stored === "light") return false;
     // System preference
-    return window.matchMedia('(prefers-color-scheme: dark)').matches
-  })
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  });
 
   useEffect(() => {
     const updateTheme = () => {
-      const root = document.documentElement
-      let shouldBeDark = false
+      const root = document.documentElement;
+      let shouldBeDark = false;
 
-      if (themeMode === 'dark') {
-        shouldBeDark = true
-      } else if (themeMode === 'light') {
-        shouldBeDark = false
+      if (themeMode === "dark") {
+        shouldBeDark = true;
+      } else if (themeMode === "light") {
+        shouldBeDark = false;
       } else {
         // System mode
-        shouldBeDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+        shouldBeDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
       }
 
       if (shouldBeDark) {
-        root.classList.add('dark')
+        root.classList.add("dark");
       } else {
-        root.classList.remove('dark')
+        root.classList.remove("dark");
       }
 
-      setIsDark(shouldBeDark)
-      localStorage.setItem('themeMode', themeMode)
-    }
+      setIsDark(shouldBeDark);
+      localStorage.setItem("themeMode", themeMode);
+    };
 
-    updateTheme()
+    updateTheme();
 
     // Listen for system theme changes when in system mode
-    if (themeMode === 'system') {
-      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-      const handleChange = () => updateTheme()
-      mediaQuery.addEventListener('change', handleChange)
-      return () => mediaQuery.removeEventListener('change', handleChange)
+    if (themeMode === "system") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      const handleChange = () => updateTheme();
+      mediaQuery.addEventListener("change", handleChange);
+      return () => mediaQuery.removeEventListener("change", handleChange);
     }
-  }, [themeMode])
+  }, [themeMode]);
 
   const toggleTheme = () => {
-    if (themeMode === 'light') {
-      setThemeMode('dark')
-    } else if (themeMode === 'dark') {
-      setThemeMode('system')
+    if (themeMode === "light") {
+      setThemeMode("dark");
+    } else if (themeMode === "dark") {
+      setThemeMode("system");
     } else {
-      setThemeMode('light')
+      setThemeMode("light");
     }
-  }
+  };
 
   return {
     isDark,
     themeMode,
     setThemeMode,
-    toggleTheme
-  } as const
+    toggleTheme,
+  } as const;
 }
diff --git a/packages/admin/src/hooks/useDeploymentRegistry.ts b/packages/admin/src/hooks/useDeploymentRegistry.ts
index c8abae8..dd0e407 100644
--- a/packages/admin/src/hooks/useDeploymentRegistry.ts
+++ b/packages/admin/src/hooks/useDeploymentRegistry.ts
@@ -52,12 +52,12 @@ export function useDeploymentRegistry(): DeploymentRegistryPermissions {
         return;
       }
 
-      setPermissions(prev => ({ ...prev, loading: true, error: undefined }));
+      setPermissions((prev) => ({ ...prev, loading: true, error: undefined }));
 
       try {
         const contracts = getNetworkContracts(selectedChainId);
         const chain = getChainById(selectedChainId);
-        
+
         // If deployment registry is not configured, return false
         if (contracts.deploymentRegistry === "0x0000000000000000000000000000000000000000") {
           setPermissions({
@@ -70,7 +70,7 @@ export function useDeploymentRegistry(): DeploymentRegistryPermissions {
         }
 
         const alchemyKey = import.meta.env.VITE_ALCHEMY_KEY || "demo";
-        
+
         let rpcUrl = "";
         switch (selectedChainId) {
           case 42161: // Arbitrum
@@ -131,4 +131,4 @@ export function useDeploymentRegistry(): DeploymentRegistryPermissions {
   }, [address, ready, selectedChainId]);
 
   return permissions;
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/hooks/useGardenOperations.ts b/packages/admin/src/hooks/useGardenOperations.ts
index 9e8f3e5..70e39e7 100644
--- a/packages/admin/src/hooks/useGardenOperations.ts
+++ b/packages/admin/src/hooks/useGardenOperations.ts
@@ -15,7 +15,7 @@ export function useGardenOperations(gardenId: string) {
     }
 
     setIsLoading(true);
-    
+
     try {
       const result = await executeWithToast(
         async () => {
@@ -48,7 +48,7 @@ export function useGardenOperations(gardenId: string) {
     }
 
     setIsLoading(true);
-    
+
     try {
       const result = await executeWithToast(
         async () => {
@@ -81,7 +81,7 @@ export function useGardenOperations(gardenId: string) {
     }
 
     setIsLoading(true);
-    
+
     try {
       const result = await executeWithToast(
         async () => {
@@ -114,7 +114,7 @@ export function useGardenOperations(gardenId: string) {
     }
 
     setIsLoading(true);
-    
+
     try {
       const result = await executeWithToast(
         async () => {
@@ -148,4 +148,4 @@ export function useGardenOperations(gardenId: string) {
     removeOperator,
     isLoading,
   };
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/hooks/useGardenPermissions.ts b/packages/admin/src/hooks/useGardenPermissions.ts
index ac42d7a..becac1e 100644
--- a/packages/admin/src/hooks/useGardenPermissions.ts
+++ b/packages/admin/src/hooks/useGardenPermissions.ts
@@ -16,9 +16,7 @@ export function useGardenPermissions(): GardenPermissions {
   const permissions = useMemo(() => {
     const isOperatorOfGarden = (garden: Garden): boolean => {
       if (!address || !garden.operators) return false;
-      return garden.operators
-        .map(op => op.toLowerCase())
-        .includes(address.toLowerCase());
+      return garden.operators.map((op) => op.toLowerCase()).includes(address.toLowerCase());
     };
 
     const canViewGarden = (_garden: Garden): boolean => {
@@ -51,4 +49,4 @@ export function useGardenPermissions(): GardenPermissions {
   }, [address]);
 
   return permissions;
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/hooks/useRole.ts b/packages/admin/src/hooks/useRole.ts
index 1e2e29e..20bf13a 100644
--- a/packages/admin/src/hooks/useRole.ts
+++ b/packages/admin/src/hooks/useRole.ts
@@ -30,7 +30,7 @@ export interface RoleInfo {
 export function useRole(): RoleInfo {
   const { address, ready } = useAuth();
   const deploymentRegistry = useDeploymentRegistry();
-  
+
   const [{ data: operatorData, fetching }] = useQuery({
     query: GET_OPERATOR_GARDENS,
     variables: { operator: [address || ""] },
@@ -40,7 +40,7 @@ export function useRole(): RoleInfo {
   const operatorGardens = operatorData?.Garden || [];
   const isOperator = operatorGardens.length > 0;
   const isDeployer = deploymentRegistry.canDeploy;
-  
+
   // Determine primary role based on capabilities
   let role: UserRole = "user";
   if (isDeployer) {
@@ -61,4 +61,4 @@ export function useRole(): RoleInfo {
       isInAllowlist: deploymentRegistry.isInAllowlist,
     },
   };
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/hooks/useToastAction.ts b/packages/admin/src/hooks/useToastAction.ts
index af1a3eb..c8514f0 100644
--- a/packages/admin/src/hooks/useToastAction.ts
+++ b/packages/admin/src/hooks/useToastAction.ts
@@ -10,10 +10,7 @@ export interface ToastActionOptions {
 
 export function useToastAction() {
   const executeWithToast = useCallback(
-    async <T>(
-      action: () => Promise<T>,
-      options: ToastActionOptions = {}
-    ): Promise<T> => {
+    async <T>(action: () => Promise<T>, options: ToastActionOptions = {}): Promise<T> => {
       const {
         loadingMessage = "Processing...",
         successMessage = "Action completed successfully",
@@ -38,4 +35,4 @@ export function useToastAction() {
   );
 
   return { executeWithToast };
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/main.tsx b/packages/admin/src/main.tsx
index 7c0cab8..b7eeeca 100644
--- a/packages/admin/src/main.tsx
+++ b/packages/admin/src/main.tsx
@@ -1,7 +1,7 @@
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { WagmiProvider } from 'wagmi'
-import { QueryClientProvider } from '@tanstack/react-query'
+import { WagmiProvider } from "wagmi";
+import { QueryClientProvider } from "@tanstack/react-query";
 
 import App from "@/App.tsx";
 import { AuthProvider } from "@/providers/AuthProvider";
@@ -11,22 +11,22 @@ import "@/index.css";
 
 // Initialize theme on app start
 function initializeTheme() {
-  const themeMode = localStorage.getItem("themeMode") || 'system';
+  const themeMode = localStorage.getItem("themeMode") || "system";
   let shouldBeDark = false;
 
-  if (themeMode === 'dark') {
+  if (themeMode === "dark") {
     shouldBeDark = true;
-  } else if (themeMode === 'light') {
+  } else if (themeMode === "light") {
     shouldBeDark = false;
   } else {
     // System mode
-    shouldBeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    shouldBeDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
   }
 
   if (shouldBeDark) {
-    document.documentElement.classList.add('dark');
+    document.documentElement.classList.add("dark");
   } else {
-    document.documentElement.classList.remove('dark');
+    document.documentElement.classList.remove("dark");
   }
 }
 
@@ -50,4 +50,4 @@ root.render(
   <StrictMode>
     <Root />
   </StrictMode>
-);
\ No newline at end of file
+);
diff --git a/packages/admin/src/providers/AuthProvider.tsx b/packages/admin/src/providers/AuthProvider.tsx
index ca18e69..4c643ef 100644
--- a/packages/admin/src/providers/AuthProvider.tsx
+++ b/packages/admin/src/providers/AuthProvider.tsx
@@ -1,53 +1,55 @@
-import React, { createContext, useContext } from 'react'
-import { useAccount, useDisconnect } from 'wagmi'
-import { useAppKit } from '@reown/appkit/react'
+import React, { createContext, useContext } from "react";
+import { useAccount, useDisconnect } from "wagmi";
+import { useAppKit } from "@reown/appkit/react";
 
 interface AuthContextType {
   // Wallet connection state
-  address?: `0x${string}`
-  isConnected: boolean
-  isConnecting: boolean
-  
+  address?: `0x${string}`;
+  isConnected: boolean;
+  isConnecting: boolean;
+
   // Actions
-  connect: () => void
-  disconnect: () => void
-  
+  connect: () => void;
+  disconnect: () => void;
+
   // Legacy compatibility (will be replaced with onchain roles)
-  ready: boolean
-  user: { id: string; wallet: { address: string } } | null
+  ready: boolean;
+  user: { id: string; wallet: { address: string } } | null;
 }
 
-const AuthContext = createContext<AuthContextType | undefined>(undefined)
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
 
 export function useAuth(): AuthContextType {
-  const context = useContext(AuthContext)
+  const context = useContext(AuthContext);
   if (!context) {
-    throw new Error('useAuth must be used within AuthProvider')
+    throw new Error("useAuth must be used within AuthProvider");
   }
-  return context
+  return context;
 }
 
 // Legacy hook for compatibility during migration
 export function useUser() {
-  const { address, ready, user } = useAuth()
+  const { address, ready, user } = useAuth();
   return {
     address,
     ready,
     user,
-    eoa: user ? { address: address as string } : null
-  }
+    eoa: user ? { address: address as string } : null,
+  };
 }
 
 export function AuthProvider({ children }: { children: React.ReactNode }) {
-  const { address, isConnected, isConnecting } = useAccount()
-  const { disconnect } = useDisconnect()
-  const { open } = useAppKit()
+  const { address, isConnected, isConnecting } = useAccount();
+  const { disconnect } = useDisconnect();
+  const { open } = useAppKit();
 
   // Create legacy-compatible user object
-  const user = address ? {
-    id: `user-${address}`,
-    wallet: { address: address as string }
-  } : null
+  const user = address
+    ? {
+        id: `user-${address}`,
+        wallet: { address: address as string },
+      }
+    : null;
 
   const contextValue: AuthContextType = {
     address,
@@ -56,12 +58,8 @@ export function AuthProvider({ children }: { children: React.ReactNode }) {
     connect: open,
     disconnect,
     ready: !isConnecting && isConnected, // Ready when connected and not connecting
-    user
-  }
+    user,
+  };
 
-  return (
-    <AuthContext.Provider value={contextValue}>
-      {children}
-    </AuthContext.Provider>
-  )
-}
\ No newline at end of file
+  return <AuthContext.Provider value={contextValue}>{children}</AuthContext.Provider>;
+}
diff --git a/packages/admin/src/stores/admin.ts b/packages/admin/src/stores/admin.ts
index a8c7d6e..4d2ab85 100644
--- a/packages/admin/src/stores/admin.ts
+++ b/packages/admin/src/stores/admin.ts
@@ -68,4 +68,4 @@ export const useAdminStore = create<AdminState>()(
     sidebarOpen: false,
     setSidebarOpen: (open) => set({ sidebarOpen: open }),
   }))
-);
\ No newline at end of file
+);
diff --git a/packages/admin/src/types/contracts.ts b/packages/admin/src/types/contracts.ts
index 2e54fa1..adf3a13 100644
--- a/packages/admin/src/types/contracts.ts
+++ b/packages/admin/src/types/contracts.ts
@@ -28,4 +28,4 @@ export interface DeploymentParams {
   contractType: string;
   chainId: number;
   initParams?: unknown[];
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/types/garden.ts b/packages/admin/src/types/garden.ts
index 1a1dc7c..13adec1 100644
--- a/packages/admin/src/types/garden.ts
+++ b/packages/admin/src/types/garden.ts
@@ -10,4 +10,4 @@ export interface Garden {
   createdAt: number;
   gardeners: string[];
   operators: string[];
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/types/global.d.ts b/packages/admin/src/types/global.d.ts
index 0b0a68c..d85f4fc 100644
--- a/packages/admin/src/types/global.d.ts
+++ b/packages/admin/src/types/global.d.ts
@@ -1,4 +1,4 @@
-import 'react';
+import "react";
 
 declare global {
   namespace JSX {
@@ -6,7 +6,7 @@ declare global {
       /**
        * The AppKit button web component. Registered globally by AppKit.
        */
-      'appkit-button': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      "appkit-button": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
     }
   }
 }
diff --git a/packages/admin/src/types/vite-env.d.ts b/packages/admin/src/types/vite-env.d.ts
index 9ebd9a4..240779f 100644
--- a/packages/admin/src/types/vite-env.d.ts
+++ b/packages/admin/src/types/vite-env.d.ts
@@ -11,4 +11,4 @@ interface ImportMetaEnv {
 
 interface ImportMeta {
   readonly env: ImportMetaEnv;
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/utils/cn.ts b/packages/admin/src/utils/cn.ts
index daab5de..a5ef193 100644
--- a/packages/admin/src/utils/cn.ts
+++ b/packages/admin/src/utils/cn.ts
@@ -3,4 +3,4 @@ import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/utils/contracts.ts b/packages/admin/src/utils/contracts.ts
index 2814bd8..3c632cf 100644
--- a/packages/admin/src/utils/contracts.ts
+++ b/packages/admin/src/utils/contracts.ts
@@ -17,7 +17,7 @@ export { GardenTokenABI, GardenAccountABI, ActionRegistryABI };
 
 function getNetworkConfigFromNetworksJson(chainId: number) {
   const networks = networksConfig as Record<string, any>;
-  
+
   if (networks[chainId]) {
     return networks[chainId];
   }
@@ -52,13 +52,19 @@ export function getNetworkContracts(chainId: number): NetworkContracts {
     gardenToken: deployment.gardenToken || "0x0000000000000000000000000000000000000000",
     actionRegistry: deployment.actionRegistry || "0x0000000000000000000000000000000000000000",
     workResolver: deployment.workResolver || "0x0000000000000000000000000000000000000000",
-    workApprovalResolver: deployment.workApprovalResolver || "0x0000000000000000000000000000000000000000",
-    deploymentRegistry: deployment.deploymentRegistry || "0x0000000000000000000000000000000000000000",
+    workApprovalResolver:
+      deployment.workApprovalResolver || "0x0000000000000000000000000000000000000000",
+    deploymentRegistry:
+      deployment.deploymentRegistry || "0x0000000000000000000000000000000000000000",
     eas: networkConfig.contracts?.eas || "0x0000000000000000000000000000000000000000",
-    easSchemaRegistry: networkConfig.contracts?.easSchemaRegistry || "0x0000000000000000000000000000000000000000",
-    communityToken: networkConfig.contracts?.communityToken || "0x0000000000000000000000000000000000000000",
-    erc4337EntryPoint: networkConfig.contracts?.erc4337EntryPoint || "0x0000000000000000000000000000000000000000",
-    multicallForwarder: networkConfig.contracts?.multicallForwarder || "0x0000000000000000000000000000000000000000",
+    easSchemaRegistry:
+      networkConfig.contracts?.easSchemaRegistry || "0x0000000000000000000000000000000000000000",
+    communityToken:
+      networkConfig.contracts?.communityToken || "0x0000000000000000000000000000000000000000",
+    erc4337EntryPoint:
+      networkConfig.contracts?.erc4337EntryPoint || "0x0000000000000000000000000000000000000000",
+    multicallForwarder:
+      networkConfig.contracts?.multicallForwarder || "0x0000000000000000000000000000000000000000",
   };
 }
 
@@ -78,7 +84,7 @@ export function getChainById(chainId: number) {
 export function createClients(chainId: number) {
   const chain = getChainById(chainId);
   const alchemyKey = import.meta.env.VITE_ALCHEMY_KEY || "demo";
-  
+
   let rpcUrl = "";
   switch (chainId) {
     case arbitrum.id:
@@ -100,4 +106,4 @@ export function createClients(chainId: number) {
   });
 
   return { publicClient };
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/utils/pinata.ts b/packages/admin/src/utils/pinata.ts
index 081034a..d116c62 100644
--- a/packages/admin/src/utils/pinata.ts
+++ b/packages/admin/src/utils/pinata.ts
@@ -23,29 +23,29 @@ export async function getFileByHash(hash: string) {
  */
 export function resolveIPFSUrl(url: string): string {
   if (!url) return "";
-  
+
   // If it's already a proper gateway URL, return as is
   if (url.startsWith("https://greengoods.mypinata.cloud/")) {
     return url;
   }
-  
+
   // Handle ipfs:// protocol
   if (url.startsWith("ipfs://")) {
     const hash = url.replace("ipfs://", "");
     return `https://greengoods.mypinata.cloud/ipfs/${hash}`;
   }
-  
+
   // Handle https://ipfs.io/ URLs
   if (url.includes("ipfs.io/ipfs/")) {
     const hash = url.split("ipfs.io/ipfs/")[1];
     return `https://greengoods.mypinata.cloud/ipfs/${hash}`;
   }
-  
+
   // Handle direct hash
   if (url.startsWith("Qm") || url.startsWith("baf")) {
     return `https://greengoods.mypinata.cloud/ipfs/${url}`;
   }
-  
+
   // Return original URL if no IPFS pattern matched
   return url;
 }
diff --git a/packages/admin/src/utils/urql.ts b/packages/admin/src/utils/urql.ts
index c44eaa1..1278f3b 100644
--- a/packages/admin/src/utils/urql.ts
+++ b/packages/admin/src/utils/urql.ts
@@ -16,8 +16,8 @@ export const urqlClient = createClient({
   fetchOptions: () => {
     return {
       headers: {
-        'Content-Type': 'application/json',
+        "Content-Type": "application/json",
       },
     };
   },
-});
\ No newline at end of file
+});
diff --git a/packages/admin/src/views/Contracts/index.tsx b/packages/admin/src/views/Contracts/index.tsx
index c288156..df48dd0 100644
--- a/packages/admin/src/views/Contracts/index.tsx
+++ b/packages/admin/src/views/Contracts/index.tsx
@@ -9,7 +9,7 @@ export default function Contracts() {
   const [activeTab, setActiveTab] = useState<"deployed" | "deploy" | "upgrade">("deployed");
 
   const contracts = getNetworkContracts(selectedChainId);
-  const currentChain = SUPPORTED_CHAINS.find(c => c.id === selectedChainId);
+  const currentChain = SUPPORTED_CHAINS.find((c) => c.id === selectedChainId);
 
   const contractList = [
     { name: "Garden Token", address: contracts.gardenToken, type: "core" },
@@ -111,7 +111,9 @@ export default function Contracts() {
                       {contract.address}
                     </td>
                     <td className="px-6 py-4 whitespace-nowrap">
-                      <span className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(contract.address)}`}>
+                      <span
+                        className={`inline-flex px-2 py-1 text-xs font-semibold rounded-full ${getStatusColor(contract.address)}`}
+                      >
                         {getStatusText(contract.address)}
                       </span>
                     </td>
@@ -164,4 +166,4 @@ export default function Contracts() {
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/views/Dashboard/index.tsx b/packages/admin/src/views/Dashboard/index.tsx
index 609b2ea..e1f2baa 100644
--- a/packages/admin/src/views/Dashboard/index.tsx
+++ b/packages/admin/src/views/Dashboard/index.tsx
@@ -19,16 +19,16 @@ const GET_DASHBOARD_STATS = graphql(`
 export default function Dashboard() {
   const { role, operatorGardens } = useRole();
   const chainId = useChainId();
-  const [{ data, fetching, error }] = useQuery({ 
+  const [{ data, fetching, error }] = useQuery({
     query: GET_DASHBOARD_STATS,
-    variables: { chainId }
+    variables: { chainId },
   });
 
   const gardens = data?.Garden || [];
   const totalGardens = gardens.length;
   const userOperatorGardens = operatorGardens.length;
-  const totalOperators = new Set((gardens as Garden[]).flatMap(g => g.operators)).size;
-  const totalGardeners = new Set((gardens as Garden[]).flatMap(g => g.gardeners)).size;
+  const totalOperators = new Set((gardens as Garden[]).flatMap((g) => g.operators)).size;
+  const totalGardeners = new Set((gardens as Garden[]).flatMap((g) => g.gardeners)).size;
 
   if (fetching) {
     return (
@@ -36,7 +36,7 @@ export default function Dashboard() {
         <div className="animate-pulse space-y-4">
           <div className="h-8 bg-gray-200 rounded w-1/4"></div>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
-            {[1, 2, 3].map(i => (
+            {[1, 2, 3].map((i) => (
               <div key={i} className="h-32 bg-gray-200 rounded"></div>
             ))}
           </div>
@@ -52,35 +52,42 @@ export default function Dashboard() {
           <div className="flex items-start">
             <div className="flex-shrink-0">
               <svg className="h-5 w-5 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
-                <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
+                <path
+                  fillRule="evenodd"
+                  d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
+                  clipRule="evenodd"
+                />
               </svg>
             </div>
             <div className="ml-3">
               <h3 className="text-sm font-medium text-yellow-800">Indexer Connection Issue</h3>
               <div className="mt-2 text-sm text-yellow-700">
                 <p>Unable to connect to the indexer: {error.message}</p>
-                <p className="mt-1">The dashboard will work with limited functionality. Garden operations are still available.</p>
+                <p className="mt-1">
+                  The dashboard will work with limited functionality. Garden operations are still
+                  available.
+                </p>
               </div>
             </div>
           </div>
         </div>
-        
+
         {/* Fallback dashboard without stats */}
         <div className="mt-8">
           <div className="mb-8">
             <h1 className="text-2xl font-bold text-gray-900">
-              Welcome back, {role === "deployer" ? "Deployer" : role === "operator" ? "Operator" : "User"}
+              Welcome back,{" "}
+              {role === "deployer" ? "Deployer" : role === "operator" ? "Operator" : "User"}
             </h1>
             <p className="text-gray-600 mt-1">
-              {role === "deployer" 
+              {role === "deployer"
                 ? "Manage gardens, deploy contracts, and oversee platform operations"
-                : role === "operator" 
-                ? `Manage your ${operatorGardens.length} garden${operatorGardens.length !== 1 ? 's' : ''}`
-                : "View gardens and explore the Green Goods ecosystem"
-              }
+                : role === "operator"
+                  ? `Manage your ${operatorGardens.length} garden${operatorGardens.length !== 1 ? "s" : ""}`
+                  : "View gardens and explore the Green Goods ecosystem"}
             </p>
           </div>
-          
+
           <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
             <h2 className="text-lg font-medium text-gray-900 mb-4">Quick Actions</h2>
             <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -111,15 +118,15 @@ export default function Dashboard() {
     <div className="p-6">
       <div className="mb-8">
         <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">
-          Welcome back, {role === "deployer" ? "Deployer" : role === "operator" ? "Operator" : "User"}
+          Welcome back,{" "}
+          {role === "deployer" ? "Deployer" : role === "operator" ? "Operator" : "User"}
         </h1>
         <p className="text-gray-600 dark:text-gray-400 mt-1">
-          {role === "deployer" 
+          {role === "deployer"
             ? "Manage gardens, deploy contracts, and oversee platform operations"
-            : role === "operator" 
-            ? `Manage your ${operatorGardens.length} garden${operatorGardens.length !== 1 ? 's' : ''}`
-            : "View gardens and explore the Green Goods ecosystem"
-          }
+            : role === "operator"
+              ? `Manage your ${operatorGardens.length} garden${operatorGardens.length !== 1 ? "s" : ""}`
+              : "View gardens and explore the Green Goods ecosystem"}
         </p>
       </div>
 
@@ -149,8 +156,12 @@ export default function Dashboard() {
                   <RiUserLine className="h-6 w-6 text-blue-600" />
                 </div>
                 <div className="ml-4">
-                  <p className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Operators</p>
-                  <p className="text-2xl font-bold text-gray-900 dark:text-gray-100">{totalOperators}</p>
+                  <p className="text-sm font-medium text-gray-500 dark:text-gray-400">
+                    Total Operators
+                  </p>
+                  <p className="text-2xl font-bold text-gray-900 dark:text-gray-100">
+                    {totalOperators}
+                  </p>
                 </div>
               </div>
             </div>
@@ -161,8 +172,12 @@ export default function Dashboard() {
                   <RiUserLine className="h-6 w-6 text-purple-600" />
                 </div>
                 <div className="ml-4">
-                  <p className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Gardeners</p>
-                  <p className="text-2xl font-bold text-gray-900 dark:text-gray-100">{totalGardeners}</p>
+                  <p className="text-sm font-medium text-gray-500 dark:text-gray-400">
+                    Total Gardeners
+                  </p>
+                  <p className="text-2xl font-bold text-gray-900 dark:text-gray-100">
+                    {totalGardeners}
+                  </p>
                 </div>
               </div>
             </div>
@@ -175,40 +190,44 @@ export default function Dashboard() {
         <div className="p-6 border-b border-gray-200">
           <h2 className="text-lg font-medium text-gray-900">Recent Gardens</h2>
         </div>
-                  <div className="p-6">
-            {role === "operator" 
-              ? operatorGardens.slice(0, 5).map((garden) => (
-                  <div key={garden.id} className="flex items-center justify-between py-3 border-b border-gray-100 last:border-b-0">
-                    <div>
-                      <h3 className="text-sm font-medium text-gray-900">{garden.name}</h3>
-                      <p className="text-sm text-gray-500">Operator Garden</p>
-                    </div>
-                    <div className="text-right">
-                      <p className="text-sm text-gray-500">
-                        Managed Garden
-                      </p>
-                    </div>
+        <div className="p-6">
+          {role === "operator"
+            ? operatorGardens.slice(0, 5).map((garden) => (
+                <div
+                  key={garden.id}
+                  className="flex items-center justify-between py-3 border-b border-gray-100 last:border-b-0"
+                >
+                  <div>
+                    <h3 className="text-sm font-medium text-gray-900">{garden.name}</h3>
+                    <p className="text-sm text-gray-500">Operator Garden</p>
+                  </div>
+                  <div className="text-right">
+                    <p className="text-sm text-gray-500">Managed Garden</p>
                   </div>
-                ))
-              : (gardens as Garden[]).slice(0, 5).map((garden: Garden) => (
-                  <div key={garden.id} className="flex items-center justify-between py-3 border-b border-gray-100 last:border-b-0">
-                    <div>
-                      <h3 className="text-sm font-medium text-gray-900">{garden.name}</h3>
-                      <p className="text-sm text-gray-500">{garden.location || "No location"}</p>
-                    </div>
-                    <div className="text-right">
-                      <p className="text-sm text-gray-500">
-                        {garden.operators?.length || 0} operators, {garden.gardeners?.length || 0} gardeners
-                      </p>
-                    </div>
+                </div>
+              ))
+            : (gardens as Garden[]).slice(0, 5).map((garden: Garden) => (
+                <div
+                  key={garden.id}
+                  className="flex items-center justify-between py-3 border-b border-gray-100 last:border-b-0"
+                >
+                  <div>
+                    <h3 className="text-sm font-medium text-gray-900">{garden.name}</h3>
+                    <p className="text-sm text-gray-500">{garden.location || "No location"}</p>
                   </div>
-                ))
-            }
-            {(role === "operator" ? operatorGardens : gardens).length === 0 && (
-              <p className="text-gray-500 text-center py-8">No gardens found</p>
-            )}
+                  <div className="text-right">
+                    <p className="text-sm text-gray-500">
+                      {garden.operators?.length || 0} operators, {garden.gardeners?.length || 0}{" "}
+                      gardeners
+                    </p>
+                  </div>
+                </div>
+              ))}
+          {(role === "operator" ? operatorGardens : gardens).length === 0 && (
+            <p className="text-gray-500 text-center py-8">No gardens found</p>
+          )}
         </div>
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/views/Gardens/Detail.tsx b/packages/admin/src/views/Gardens/Detail.tsx
index be33b00..60bba95 100644
--- a/packages/admin/src/views/Gardens/Detail.tsx
+++ b/packages/admin/src/views/Gardens/Detail.tsx
@@ -39,14 +39,15 @@ export default function GardenDetail() {
     setAddMemberModalOpen(true);
     console.log("🟢 Modal state set:", { type, open: true });
   };
-  
+
   const [{ data, fetching, error }] = useQuery({
     query: GET_GARDEN_DETAIL,
     variables: { id: id! },
     pause: !id,
   });
 
-  const { addGardener, removeGardener, addOperator, removeOperator, isLoading } = useGardenOperations(id!);
+  const { addGardener, removeGardener, addOperator, removeOperator, isLoading } =
+    useGardenOperations(id!);
 
   const garden = data?.Garden?.[0];
 
@@ -68,9 +69,7 @@ export default function GardenDetail() {
     return (
       <div className="p-6">
         <div className="bg-red-50 border border-red-200 rounded-md p-4">
-          <p className="text-red-800">
-            {error?.message || "Garden not found"}
-          </p>
+          <p className="text-red-800">{error?.message || "Garden not found"}</p>
         </div>
       </div>
     );
@@ -89,7 +88,9 @@ export default function GardenDetail() {
               <RiArrowLeftLine className="h-5 w-5" />
             </Link>
             <div className="min-w-0">
-              <h1 className="text-xl font-bold text-gray-900 dark:text-gray-100 truncate">{garden.name}</h1>
+              <h1 className="text-xl font-bold text-gray-900 dark:text-gray-100 truncate">
+                {garden.name}
+              </h1>
               <div className="flex items-center space-x-4 text-sm text-gray-500 dark:text-gray-400 mt-1">
                 <span>{garden.location}</span>
                 <span>•</span>
@@ -103,150 +104,155 @@ export default function GardenDetail() {
       </div>
 
       <div className="p-6">
-
-      {/* Garden Info */}
-      <div className="bg-white rounded-lg shadow-sm border border-gray-200 mb-8">
-        <div className="h-64 rounded-t-lg overflow-hidden relative">
-          {garden.bannerImage ? (
-            <img
-              src={resolveIPFSUrl(garden.bannerImage)}
-              alt={garden.name}
-              className="w-full h-full object-cover"
-              onError={(e) => {
-                const placeholder = e.currentTarget.nextElementSibling as HTMLElement;
-                if (placeholder) {
-                  placeholder.style.display = 'flex';
-                }
-                e.currentTarget.style.display = 'none';
-              }}
-              loading="lazy"
-            />
-          ) : null}
-          {/* Gradient placeholder */}
-          <div 
-            className={`absolute inset-0 bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 ${garden.bannerImage ? 'hidden' : 'flex'} items-center justify-center`}
-            style={{ display: garden.bannerImage ? 'none' : 'flex' }}
-          >
-            <div className="text-white text-center">
-              <div className="text-4xl font-bold opacity-80">{garden.name.charAt(0)}</div>
-              <div className="text-lg opacity-60 mt-2">{garden.name}</div>
+        {/* Garden Info */}
+        <div className="bg-white rounded-lg shadow-sm border border-gray-200 mb-8">
+          <div className="h-64 rounded-t-lg overflow-hidden relative">
+            {garden.bannerImage ? (
+              <img
+                src={resolveIPFSUrl(garden.bannerImage)}
+                alt={garden.name}
+                className="w-full h-full object-cover"
+                onError={(e) => {
+                  const placeholder = e.currentTarget.nextElementSibling as HTMLElement;
+                  if (placeholder) {
+                    placeholder.style.display = "flex";
+                  }
+                  e.currentTarget.style.display = "none";
+                }}
+                loading="lazy"
+              />
+            ) : null}
+            {/* Gradient placeholder */}
+            <div
+              className={`absolute inset-0 bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 ${garden.bannerImage ? "hidden" : "flex"} items-center justify-center`}
+              style={{ display: garden.bannerImage ? "none" : "flex" }}
+            >
+              <div className="text-white text-center">
+                <div className="text-4xl font-bold opacity-80">{garden.name.charAt(0)}</div>
+                <div className="text-lg opacity-60 mt-2">{garden.name}</div>
+              </div>
             </div>
           </div>
+          <div className="p-6">
+            <h2 className="text-lg font-medium text-gray-900 mb-2">Description</h2>
+            <p className="text-gray-600">{garden.description}</p>
+          </div>
         </div>
-        <div className="p-6">
-          <h2 className="text-lg font-medium text-gray-900 mb-2">Description</h2>
-          <p className="text-gray-600">{garden.description}</p>
-        </div>
-      </div>
 
-      {/* Members Management */}
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
-        {/* Operators */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="p-6 border-b border-gray-200">
-            <div className="flex items-center justify-between">
-              <h3 className="text-lg font-medium text-gray-900">Operators</h3>
-              {canManage && (
-                <button
-                  onClick={() => openAddMemberModal("operator")}
-                  className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md text-green-700 bg-green-100 hover:bg-green-200"
-                >
-                  <RiUserAddLine className="mr-1 h-4 w-4" />
-                  Add
-                </button>
-              )}
+        {/* Members Management */}
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+          {/* Operators */}
+          <div className="bg-white rounded-lg shadow-sm border border-gray-200">
+            <div className="p-6 border-b border-gray-200">
+              <div className="flex items-center justify-between">
+                <h3 className="text-lg font-medium text-gray-900">Operators</h3>
+                {canManage && (
+                  <button
+                    onClick={() => openAddMemberModal("operator")}
+                    className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md text-green-700 bg-green-100 hover:bg-green-200"
+                  >
+                    <RiUserAddLine className="mr-1 h-4 w-4" />
+                    Add
+                  </button>
+                )}
+              </div>
             </div>
-          </div>
-          <div className="p-6">
-            {garden.operators.length === 0 ? (
-              <p className="text-gray-500 text-center py-4">No operators assigned</p>
-            ) : (
-              <div className="space-y-3">
-                {garden.operators.map((operator: string, index: number) => (
-                  <div key={index} className="flex items-center justify-between p-3 bg-gray-50 rounded-md">
-                    <div className="flex items-center space-x-3 flex-1 min-w-0">
-                      <div className="h-8 w-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0">
-                        <RiUserLine className="h-4 w-4 text-blue-600" />
+            <div className="p-6">
+              {garden.operators.length === 0 ? (
+                <p className="text-gray-500 text-center py-4">No operators assigned</p>
+              ) : (
+                <div className="space-y-3">
+                  {garden.operators.map((operator: string, index: number) => (
+                    <div
+                      key={index}
+                      className="flex items-center justify-between p-3 bg-gray-50 rounded-md"
+                    >
+                      <div className="flex items-center space-x-3 flex-1 min-w-0">
+                        <div className="h-8 w-8 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0">
+                          <RiUserLine className="h-4 w-4 text-blue-600" />
+                        </div>
+                        <AddressDisplay address={operator} className="flex-1 min-w-0" />
                       </div>
-                      <AddressDisplay address={operator} className="flex-1 min-w-0" />
+                      {canManage && (
+                        <button
+                          onClick={() => removeOperator(operator)}
+                          disabled={isLoading}
+                          className="text-red-600 hover:text-red-800 disabled:opacity-50"
+                        >
+                          <RiDeleteBinLine className="h-4 w-4" />
+                        </button>
+                      )}
                     </div>
-                    {canManage && (
-                      <button
-                        onClick={() => removeOperator(operator)}
-                        disabled={isLoading}
-                        className="text-red-600 hover:text-red-800 disabled:opacity-50"
-                      >
-                        <RiDeleteBinLine className="h-4 w-4" />
-                      </button>
-                    )}
-                  </div>
-                ))}
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Gardeners */}
-        <div className="bg-white rounded-lg shadow-sm border border-gray-200">
-          <div className="p-6 border-b border-gray-200">
-            <div className="flex items-center justify-between">
-              <h3 className="text-lg font-medium text-gray-900">Gardeners</h3>
-              {canManage && (
-                <button
-                  onClick={() => openAddMemberModal("gardener")}
-                  className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md text-green-700 bg-green-100 hover:bg-green-200"
-                >
-                  <RiUserAddLine className="mr-1 h-4 w-4" />
-                  Add
-                </button>
+                  ))}
+                </div>
               )}
             </div>
           </div>
-          <div className="p-6">
-            {garden.gardeners.length === 0 ? (
-              <p className="text-gray-500 text-center py-4">No gardeners assigned</p>
-            ) : (
-              <div className="space-y-3">
-                {garden.gardeners.map((gardener: string, index: number) => (
-                  <div key={index} className="flex items-center justify-between p-3 bg-gray-50 rounded-md">
-                    <div className="flex items-center space-x-3 flex-1 min-w-0">
-                      <div className="h-8 w-8 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">
-                        <RiUserLine className="h-4 w-4 text-green-600" />
+
+          {/* Gardeners */}
+          <div className="bg-white rounded-lg shadow-sm border border-gray-200">
+            <div className="p-6 border-b border-gray-200">
+              <div className="flex items-center justify-between">
+                <h3 className="text-lg font-medium text-gray-900">Gardeners</h3>
+                {canManage && (
+                  <button
+                    onClick={() => openAddMemberModal("gardener")}
+                    className="inline-flex items-center px-3 py-1.5 border border-transparent text-sm font-medium rounded-md text-green-700 bg-green-100 hover:bg-green-200"
+                  >
+                    <RiUserAddLine className="mr-1 h-4 w-4" />
+                    Add
+                  </button>
+                )}
+              </div>
+            </div>
+            <div className="p-6">
+              {garden.gardeners.length === 0 ? (
+                <p className="text-gray-500 text-center py-4">No gardeners assigned</p>
+              ) : (
+                <div className="space-y-3">
+                  {garden.gardeners.map((gardener: string, index: number) => (
+                    <div
+                      key={index}
+                      className="flex items-center justify-between p-3 bg-gray-50 rounded-md"
+                    >
+                      <div className="flex items-center space-x-3 flex-1 min-w-0">
+                        <div className="h-8 w-8 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0">
+                          <RiUserLine className="h-4 w-4 text-green-600" />
+                        </div>
+                        <AddressDisplay address={gardener} className="flex-1 min-w-0" />
                       </div>
-                      <AddressDisplay address={gardener} className="flex-1 min-w-0" />
+                      {canManage && (
+                        <button
+                          onClick={() => removeGardener(gardener)}
+                          disabled={isLoading}
+                          className="text-red-600 hover:text-red-800 disabled:opacity-50"
+                        >
+                          <RiDeleteBinLine className="h-4 w-4" />
+                        </button>
+                      )}
                     </div>
-                    {canManage && (
-                      <button
-                        onClick={() => removeGardener(gardener)}
-                        disabled={isLoading}
-                        className="text-red-600 hover:text-red-800 disabled:opacity-50"
-                      >
-                        <RiDeleteBinLine className="h-4 w-4" />
-                      </button>
-                    )}
-                  </div>
-                ))}
-              </div>
-            )}
+                  ))}
+                </div>
+              )}
+            </div>
           </div>
         </div>
-      </div>
 
-      {/* Add Member Modal */}
-      <AddMemberModal
-        isOpen={addMemberModalOpen}
-        onClose={() => setAddMemberModalOpen(false)}
-        memberType={memberType}
-        onAdd={async (address: string) => {
-          if (memberType === "gardener") {
-            await addGardener(address);
-          } else {
-            await addOperator(address);
-          }
-                }}  
-        isLoading={isLoading}
-      />
+        {/* Add Member Modal */}
+        <AddMemberModal
+          isOpen={addMemberModalOpen}
+          onClose={() => setAddMemberModalOpen(false)}
+          memberType={memberType}
+          onAdd={async (address: string) => {
+            if (memberType === "gardener") {
+              await addGardener(address);
+            } else {
+              await addOperator(address);
+            }
+          }}
+          isLoading={isLoading}
+        />
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/views/Gardens/index.tsx b/packages/admin/src/views/Gardens/index.tsx
index 5bc9d9e..e86be08 100644
--- a/packages/admin/src/views/Gardens/index.tsx
+++ b/packages/admin/src/views/Gardens/index.tsx
@@ -33,9 +33,9 @@ export default function Gardens() {
   const gardenPermissions = useGardenPermissions();
   const [createModalOpen, setCreateModalOpen] = useState(false);
   const chainId = useChainId();
-  const [{ data, fetching, error }] = useQuery({ 
+  const [{ data, fetching, error }] = useQuery({
     query: GET_GARDENS,
-    variables: { chainId }
+    variables: { chainId },
   });
 
   // Load all gardens - permissions are checked at garden level
@@ -47,13 +47,18 @@ export default function Gardens() {
         <div className="flex items-center justify-between">
           <div>
             <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Gardens</h1>
-            <p className="text-gray-600 dark:text-gray-400">Manage your gardens and view garden details</p>
+            <p className="text-gray-600 dark:text-gray-400">
+              Manage your gardens and view garden details
+            </p>
           </div>
         </div>
-        
+
         <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-6">
           {[...Array(8)].map((_, i) => (
-            <div key={i} className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden animate-pulse min-w-[320px]">
+            <div
+              key={i}
+              className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden animate-pulse min-w-[320px]"
+            >
               <div className="h-48 bg-gray-200 dark:bg-gray-700"></div>
               <div className="p-6">
                 <div className="flex items-start justify-between mb-2">
@@ -64,7 +69,7 @@ export default function Gardens() {
                 </div>
                 <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded mb-2"></div>
                 <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4 mb-4"></div>
-                
+
                 <div className="flex items-center justify-between text-sm mb-4">
                   <div className="flex items-center space-x-4">
                     <div className="h-4 w-20 bg-gray-200 dark:bg-gray-700 rounded"></div>
@@ -90,19 +95,26 @@ export default function Gardens() {
           <div className="flex items-start">
             <div className="flex-shrink-0">
               <svg className="h-5 w-5 text-yellow-400" viewBox="0 0 20 20" fill="currentColor">
-                <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
+                <path
+                  fillRule="evenodd"
+                  d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
+                  clipRule="evenodd"
+                />
               </svg>
             </div>
             <div className="ml-3">
               <h3 className="text-sm font-medium text-yellow-800">Indexer Connection Issue</h3>
               <div className="mt-2 text-sm text-yellow-700">
                 <p>Unable to load gardens from indexer: {error.message}</p>
-                <p className="mt-1">Garden management features are still available if you have direct garden addresses.</p>
+                <p className="mt-1">
+                  Garden management features are still available if you have direct garden
+                  addresses.
+                </p>
               </div>
             </div>
           </div>
         </div>
-        
+
         {/* Fallback content */}
         <div className="mt-8">
           <div className="flex items-center justify-between mb-8">
@@ -122,7 +134,7 @@ export default function Gardens() {
               </button>
             )}
           </div>
-          
+
           <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
             <div className="text-center py-8">
               <RiPlantLine className="mx-auto h-12 w-12 text-gray-400" />
@@ -133,12 +145,9 @@ export default function Gardens() {
             </div>
           </div>
         </div>
-        
+
         {isDeployer && (
-          <CreateGardenModal
-            isOpen={createModalOpen}
-            onClose={() => setCreateModalOpen(false)}
-          />
+          <CreateGardenModal isOpen={createModalOpen} onClose={() => setCreateModalOpen(false)} />
         )}
       </div>
     );
@@ -169,56 +178,60 @@ export default function Gardens() {
           <RiPlantLine className="mx-auto h-12 w-12 text-gray-400" />
           <h3 className="mt-2 text-sm font-medium text-gray-900">No gardens</h3>
           <p className="mt-1 text-sm text-gray-500">
-            {isDeployer 
-              ? "Get started by creating your first garden."
-              : "No gardens created yet."
-            }
+            {isDeployer ? "Get started by creating your first garden." : "No gardens created yet."}
           </p>
         </div>
       ) : (
         <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-6">
-                  {(gardens as Garden[]).map((garden: Garden) => {
-          const canManage = gardenPermissions.canManageGarden(garden);
-          const resolvedBannerImage = garden.bannerImage ? resolveIPFSUrl(garden.bannerImage) : null;
-          
-          return (
-            <div key={garden.id} className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden hover:shadow-md transition-shadow min-w-[320px]">
-              <div className="h-48 relative">
-                {resolvedBannerImage ? (
-                  <img
-                    src={resolvedBannerImage}
-                    alt={garden.name}
-                    className="w-full h-full object-cover"
-                    onError={(e) => {
-                      const placeholder = e.currentTarget.nextElementSibling as HTMLElement;
-                      if (placeholder) {
-                        placeholder.style.display = 'flex';
-                      }
-                      e.currentTarget.style.display = 'none';
-                    }}
-                    loading="lazy"
-                  />
-                ) : null}
-                {/* Gradient placeholder */}
-                <div 
-                  className={`absolute inset-0 bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 ${resolvedBannerImage ? 'hidden' : 'flex'} items-center justify-center`}
-                  style={{ display: resolvedBannerImage ? 'none' : 'flex' }}
-                >
-                  <div className="text-white text-center">
-                    <div className="text-2xl font-bold opacity-80">{garden.name.charAt(0)}</div>
+          {(gardens as Garden[]).map((garden: Garden) => {
+            const canManage = gardenPermissions.canManageGarden(garden);
+            const resolvedBannerImage = garden.bannerImage
+              ? resolveIPFSUrl(garden.bannerImage)
+              : null;
+
+            return (
+              <div
+                key={garden.id}
+                className="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden hover:shadow-md transition-shadow min-w-[320px]"
+              >
+                <div className="h-48 relative">
+                  {resolvedBannerImage ? (
+                    <img
+                      src={resolvedBannerImage}
+                      alt={garden.name}
+                      className="w-full h-full object-cover"
+                      onError={(e) => {
+                        const placeholder = e.currentTarget.nextElementSibling as HTMLElement;
+                        if (placeholder) {
+                          placeholder.style.display = "flex";
+                        }
+                        e.currentTarget.style.display = "none";
+                      }}
+                      loading="lazy"
+                    />
+                  ) : null}
+                  {/* Gradient placeholder */}
+                  <div
+                    className={`absolute inset-0 bg-gradient-to-br from-green-400 via-blue-500 to-purple-600 ${resolvedBannerImage ? "hidden" : "flex"} items-center justify-center`}
+                    style={{ display: resolvedBannerImage ? "none" : "flex" }}
+                  >
+                    <div className="text-white text-center">
+                      <div className="text-2xl font-bold opacity-80">{garden.name.charAt(0)}</div>
+                    </div>
                   </div>
+                  {canManage && (
+                    <div className="absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs font-medium flex items-center">
+                      <RiShieldCheckLine className="h-3 w-3 mr-1" />
+                      Operator
+                    </div>
+                  )}
                 </div>
-                {canManage && (
-                  <div className="absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded-full text-xs font-medium flex items-center">
-                    <RiShieldCheckLine className="h-3 w-3 mr-1" />
-                    Operator
-                  </div>
-                )}
-              </div>
                 <div className="p-6">
                   <div className="flex items-start justify-between mb-2">
                     <div className="flex-1">
-                      <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-1">{garden.name}</h3>
+                      <h3 className="text-lg font-medium text-gray-900 dark:text-gray-100 mb-1">
+                        {garden.name}
+                      </h3>
                       <p className="text-sm text-gray-500 dark:text-gray-400">{garden.location}</p>
                     </div>
                     {!resolvedBannerImage && canManage && (
@@ -228,8 +241,10 @@ export default function Gardens() {
                       </div>
                     )}
                   </div>
-                  <p className="text-sm text-gray-600 dark:text-gray-300 mb-4 line-clamp-2">{garden.description}</p>
-                  
+                  <p className="text-sm text-gray-600 dark:text-gray-300 mb-4 line-clamp-2">
+                    {garden.description}
+                  </p>
+
                   <div className="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400 mb-4">
                     <div className="flex items-center space-x-4">
                       <div className="flex items-center">
@@ -260,11 +275,8 @@ export default function Gardens() {
       )}
 
       {isDeployer && (
-        <CreateGardenModal
-          isOpen={createModalOpen}
-          onClose={() => setCreateModalOpen(false)}
-        />
+        <CreateGardenModal isOpen={createModalOpen} onClose={() => setCreateModalOpen(false)} />
       )}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/views/Login/index.tsx b/packages/admin/src/views/Login/index.tsx
index 0471667..67488ab 100644
--- a/packages/admin/src/views/Login/index.tsx
+++ b/packages/admin/src/views/Login/index.tsx
@@ -22,8 +22,16 @@ export default function Login() {
         <div className="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8">
           <div className="text-center">
             <div className="mx-auto h-12 w-12 bg-green-100 dark:bg-green-900 rounded-lg flex items-center justify-center mb-4">
-              <svg className="h-8 w-8 text-green-600 dark:text-green-400" fill="currentColor" viewBox="0 0 20 20">
-                <path fillRule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clipRule="evenodd" />
+              <svg
+                className="h-8 w-8 text-green-600 dark:text-green-400"
+                fill="currentColor"
+                viewBox="0 0 20 20"
+              >
+                <path
+                  fillRule="evenodd"
+                  d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+                  clipRule="evenodd"
+                />
               </svg>
             </div>
             <h2 className="text-3xl font-bold text-gray-900 dark:text-gray-100">Green Goods</h2>
@@ -31,14 +39,11 @@ export default function Login() {
               Garden management dashboard for the Green Goods protocol
             </p>
           </div>
-          
+
           <div className="mt-8">
             {/* Custom styled connect button */}
-            <ConnectButton 
-              className="w-full"
-              size="lg"
-            />
-            
+            <ConnectButton className="w-full" size="lg" />
+
             <p className="mt-4 text-xs text-gray-500 dark:text-gray-400 text-center">
               Connect your wallet to access garden management features
             </p>
@@ -47,4 +52,4 @@ export default function Login() {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/admin/src/workflows/createGarden.ts b/packages/admin/src/workflows/createGarden.ts
index 3ef3a35..25d0322 100644
--- a/packages/admin/src/workflows/createGarden.ts
+++ b/packages/admin/src/workflows/createGarden.ts
@@ -150,4 +150,4 @@ export const createGardenMachine = createMachine({
       },
     },
   },
-});
\ No newline at end of file
+});