Refactor modals to use context provider

src/app/Main.tsx

@@ -4,6 +4,7 @@ import '../styles/main.css'
 import '../styles/nodes.css'
 import { App } from './App.js'
 import { LocaleProvider, ProjectProvider, StoreProvider, ThemeProvider, TitleProvider, VersionProvider } from './contexts/index.js'
+import { ModalProvider } from './contexts/Modal.jsx'
 import { SpyglassProvider } from './contexts/Spyglass.jsx'
 
 function Main() {
@@ -15,7 +16,9 @@ function Main() {
 						<TitleProvider>
 							<SpyglassProvider>
 								<ProjectProvider>
-									<App />
+									<ModalProvider>
+										<App />
+									</ModalProvider>
 								</ProjectProvider>
 							</SpyglassProvider>
 						</TitleProvider>