feat(ui): Action playground config and parameter forms (#129)

webui/react-ui/src/App.jsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Outlet, Link } from 'react-router-dom'
+import { Outlet, Link, useOutletContext } from 'react-router-dom'
 import './App.css'
 
 function App() {
@@ -19,6 +19,9 @@ function App() {
     setMobileMenuOpen(!mobileMenuOpen);
   };
 
+  // Provide showToast to children
+  const context = { showToast };
+
   return (
     <div className="app-container">
       {/* Navigation Menu */}
@@ -110,7 +113,7 @@ function App() {
       {/* Main Content Area */}
       <main className="main-content">
         <div className="container">
-          <Outlet context={{ showToast }} />
+          <Outlet context={context} />
         </div>
       </main>