feat(ui): apply diamond architecture to the credits page (#823)

* fix: removed protocolcontracts in dependencies to avoid infinite loop

packages/dapp/components/lib/hooks/use-balances.tsx

@@ -58,7 +58,7 @@ export const BalancesContextProvider: React.FC<ChildrenShim> = ({ children }) =>
 
   useEffect(() => {
     refreshBalances();
-  }, [walletAddress, protocolContracts]);
+  }, [walletAddress]);
 
   return <BalancesContext.Provider value={[balances, refreshBalances]}>{children}</BalancesContext.Provider>;
 };