Refactor context for search modal and page

src/theme/Root.js

@@ -0,0 +1,12 @@
+/* eslint-disable */
+
+import React from 'react';
+import { SearchProvider } from '@site/src/utils/SearchContext';
+
+export default function Root({ children }) {
+  return (
+    <SearchProvider>
+      <div>{children}</div>
+    </SearchProvider>
+  );
+}

src/utils/SearchContext.js

@@ -0,0 +1,21 @@
+/* eslint-disable */
+
+import React, { createContext, useState } from 'react';
+import { allFacets } from './searchConstant';
+
+export const SearchContext = createContext(null);
+
+export const SearchProvider = ({ children }) => {
+  const [selectedFacets, setSelectedFacets] = useState(allFacets);
+
+  return (
+    <SearchContext.Provider
+      value={{
+        selectedFacets,
+        setSelectedFacets,
+      }}
+    >
+      {children}
+    </SearchContext.Provider>
+  );
+};