Add an option to disable teaching moments (BabylonJS#18508)

> 🤖 *This PR was created by the create-pr skill.*

Adds a new `disableTeachingMoments` option to `ModularToolOptions` (and
therefore `InspectorOptions`) that suppresses all teaching moments
rendered by the modular tool, regardless of each teaching moment's
individual `suppress` state.

## Changes

- New `TeachingMomentsContext` (in
`sharedUiComponents/src/modularTool/contexts/teachingMomentsContext.ts`)
exposing a `disabled` flag.
- `MakeModularTool` now accepts a `disableTeachingMoments?: boolean`
option and wraps the rendered tree in a
`TeachingMomentsContext.Provider`.
- `MakeTeachingMoment` consumes the context and ORs the context's
`disabled` flag with the caller-provided `suppress` flag.
- `ShowInspector` forwards `options.disableTeachingMoments` through to
`MakeModularTool` so inspector hosts can opt out of teaching moments.

## Motivation

Addresses a forum request from a user embedding the inspector in their
own app who wants a parameter in `ShowInspector` to turn off the
teaching-moment "bubbles" that appear the first time the inspector opens
in a session:
https://forum.babylonjs.com/t/introducing-inspector-v2/60937/223

With this option, host apps can call `ShowInspector(scene, {
disableTeachingMoments: true })` to globally suppress teaching moments.

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: ryantrem

packages/dev/inspector-v2/src/inspector.tsx

@@ -430,6 +430,7 @@ export function ShowInspector(scene: Scene, options: Partial<InspectorOptions> =
             sidePaneRemapper: options.sidePaneRemapper,
             leftPaneDefaultCollapsed: options.leftPaneDefaultCollapsed,
             rightPaneDefaultCollapsed: options.rightPaneDefaultCollapsed,
+            disableTeachingMoments: options.disableTeachingMoments,
         });
         disposeActions.push(async () => await modularTool.dispose());
 

packages/dev/sharedUiComponents/src/modularTool/contexts/teachingMomentsContext.ts

@@ -0,0 +1,20 @@
+import { createContext, useContext } from "react";
+
+type TeachingMomentsContext = {
+    /**
+     * When true, all teaching moments are suppressed regardless of any caller-supplied
+     * `suppress` argument and regardless of whether the user has previously dismissed
+     * the teaching moment.
+     */
+    disabled: boolean;
+};
+
+export const TeachingMomentsContext = createContext<TeachingMomentsContext>({ disabled: false });
+
+/**
+ * Returns the teaching moments context provided by the surrounding modular tool framework.
+ * @returns The current teaching moments context.
+ */
+export function useTeachingMomentsContext(): TeachingMomentsContext {
+    return useContext(TeachingMomentsContext);
+}

packages/dev/sharedUiComponents/src/modularTool/hooks/teachingMomentHooks.ts

@@ -4,6 +4,7 @@ import { type OnOpenChangeData, type PositioningImperativeRef } from "@fluentui/
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useSetting } from "./settingsHooks";
+import { useTeachingMomentsContext } from "../contexts/teachingMomentsContext";
 
 import { AsyncLock } from "core/Misc/asyncLock";
 import { Deferred } from "core/Misc/deferred";
@@ -17,6 +18,8 @@ const SequencerLock = new AsyncLock();
  */
 export function MakeTeachingMoment(name: string) {
     return (suppress?: boolean) => {
+        const { disabled } = useTeachingMomentsContext();
+        suppress = suppress || disabled;
         const [hasDisplayed, setHasDisplayed, resetDisplayed] = useSetting({ key: `TeachingMoments/${name}`, defaultValue: false });
         const [shouldDisplay, setShouldDisplay] = useState(false);