current overlay, will add more later

src/contexts/Overlay.tsx

+import Box from "@components/bases/Box";
+import { createContext, useContext } from "react";
+
+export const OverlayContext = createContext({});
+
+export const OverlayProvider = ({ children }: { children: React.ReactNode }) => {
+	return <OverlayContext.Provider value={{}}>{children}</OverlayContext.Provider>;
+};
+
+export const useOverlayContext = () => {
+	return useContext(OverlayContext);
+};
+
+const OverlayComponent = () => {
+	return <Box />;
+};