feat: add reusable prompt dialogs for frontend forms

job-tracker-ui/src/App.tsx

@@ -21,6 +21,7 @@ import { Navigate, Route, Routes, useLocation, useNavigate, createBrowserRouter,
 import { getTheme } from "./theme";
 import { ToastProvider } from "./toast";
 import { ConfirmProvider } from "./confirm";
+import { PromptProvider } from "./prompt";
 
 import JobTable, { JobTableColumns } from "./components/JobTable";
 import AddJobModal from "./components/AddJobModal";
@@ -237,12 +238,16 @@ export default function App() {
 
   return (
     <ToastProvider>
-      <CssVarsProvider key={`${effectiveMode}:${accentColor}`} theme={theme as any} defaultMode={effectiveMode} disableTransitionOnChange>
-        <CssBaseline enableColorScheme />
-        <I18nProvider>
-          <RouterProvider router={router} future={{ v7_startTransition: true }} />
-        </I18nProvider>
-      </CssVarsProvider>
+      <ConfirmProvider>
+        <PromptProvider>
+          <CssVarsProvider key={`${effectiveMode}:${accentColor}`} theme={theme as any} defaultMode={effectiveMode} disableTransitionOnChange>
+            <CssBaseline enableColorScheme />
+            <I18nProvider>
+              <RouterProvider router={router} future={{ v7_startTransition: true }} />
+            </I18nProvider>
+          </CssVarsProvider>
+        </PromptProvider>
+      </ConfirmProvider>
     </ToastProvider>
   );
 }