Add guided onboarding tour for first toolbox creation

website/src/main.jsx

@@ -25,6 +25,7 @@ function App() {
   const [linkModalGameId, setLinkModalGameId] = useState("");
   const [drawerGameId, setDrawerGameId] = useState("");
   const [image, setImage] = useState(null);
+  const [pendingTutorialToolboxId, setPendingTutorialToolboxId] = useState("");
   const [notifications, setNotifications] = useState([]);
   const [storageError, setStorageError] = useState("");
   const handleStorageError = useCallback((message) => setStorageError(message), []);
@@ -61,6 +62,7 @@ function App() {
   const actions = useToolboxActions({
     store,
     notify,
+    creationTemplate: siteContent?.toolboxes?.creationTemplate,
     setCreateModal,
     setConfirmModal,
     setLinkModalGameId,
@@ -114,6 +116,8 @@ function App() {
         updateToolbox={actions.updateToolbox}
         updateModuleData={store.updateModuleData}
         addImageFiles={actions.addImageFiles}
+        pendingTutorialToolboxId={pendingTutorialToolboxId}
+        setPendingTutorialToolboxId={setPendingTutorialToolboxId}
       />
       {drawerGameId && (
         <Suspense fallback={null}>
@@ -151,6 +155,7 @@ function App() {
         getGame={getGame}
         toolboxes={store.toolboxes}
         links={store.links}
+        setPendingTutorialToolboxId={setPendingTutorialToolboxId}
       />
     </Shell>
   );