Use searches context provider

components/providers.tsx

@@ -17,6 +17,7 @@ import useApiAddresses from "@/utils/ApiAddresses";
 import ErrorPage from "@/pages/ErrorPage";
 import { OperationTypesContextProvider } from "@/contexts/OperationsTypesContext";
 import { ThemeProvider } from "@/contexts/ThemeContext";
+import { SearchesContextProvider } from "@/contexts/SearchesContext";
 
 const Providers: React.FC<{ children: ReactNode }> = ({ children }) => {
   const { apiAddress, nodeAddress } = useApiAddresses();
@@ -52,8 +53,10 @@ const Providers: React.FC<{ children: ReactNode }> = ({ children }) => {
               <HeadBlockContextProvider>
                 <OperationTypesContextProvider>
                   <AddressesContextProvider>
-                    <Layout>{children}</Layout>
-                    <ReactQueryDevtools initialIsOpen={false} />
+                    <SearchesContextProvider>
+                      <Layout>{children}</Layout>
+                      <ReactQueryDevtools initialIsOpen={false} />
+                    </SearchesContextProvider>
                   </AddressesContextProvider>
                 </OperationTypesContextProvider>
               </HeadBlockContextProvider>