Create ContractServersContext as a hook data store

orbitez/context/ContextProviders.jsx

@@ -1,12 +1,15 @@
 import React from 'react';
 import SelectedServerProvider from './SelectedServerProvider';
+import ContractServersProvider from './ContractServersProvider';
 import WalletProvider from './WalletProvider';
 
 const ContextProviders = ({ children }) => {
   return (
     <WalletProvider>
       <SelectedServerProvider>
+        <ContractServersProvider>
           {children}
+        </ContractServersProvider>
       </SelectedServerProvider>
     </WalletProvider>
   );

orbitez/context/ContractServersContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+
+const ContractServersContext = createContext({});
+
+export default ContractServersContext;
+
+export const useContractServersContext = () => {
+  return useContext(ContractServersContext);
+};

orbitez/context/ContractServersProvider.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import useContractServers from '@hooks/useContractServers';
+import ContractServersContext from './ContractServersContext';
+
+const ContractServersProvider = ({ children }) => {
+  const { ...contractServersArgs } = useContractServers();
+
+  return (
+    <ContractServersContext.Provider value={{ ...contractServersArgs }}>
+      {children}
+    </ContractServersContext.Provider>
+  );
+};
+
+export default ContractServersProvider;