feat: apply diamond to home page

packages/dapp/pages/index.tsx

@@ -2,7 +2,7 @@ import { ethers } from "ethers";
 import { FC, useState } from "react";
 import "@uniswap/widgets/fonts.css";
 
-import useManagerManaged from "@/components/lib/hooks/contracts/use-manager-managed";
+import useProtocolContracts from "@/components/lib/hooks/contracts/use-protocol-contracts";
 import useEffectAsync from "@/components/lib/hooks/use-effect-async";
 import DollarPrice from "@/components/redeem/dollar-price";
 import { fetchData } from "@/components/utils/local-data";
@@ -12,21 +12,21 @@ const WalletConnectionWall = dynamic(() => import("@/components/ui/wallet-connec
 
 const index: FC = (): JSX.Element => {
   const [twapPrice, setTwapPrice] = useState<ethers.BigNumber | null>(null);
-  const managedContracts = useManagerManaged();
+  const protocolContracts = useProtocolContracts();
 
   useEffectAsync(async () => {
-    if (managedContracts != null) {
+    if (protocolContracts != null) {
       try {
         console.log(twapPrice, "priced in ");
       } catch (error) {
         console.log("Error occurred while executing contract call", error);
         setTwapPrice(null);
       }
     } else {
-      console.log("managedContracts is null");
+      console.log("protocolContracts is null");
       setTwapPrice(null);
     }
-  }, [managedContracts]);
+  }, [protocolContracts]);
 
   if (process.env.DEBUG === "true") {
     fetchData();