Prevent crash when settings control is enabled in ControlBar

Replace `useLayoutContext()` with `useMaybeLayoutContext()` in
`useSettingsToggle` to handle cases where `LayoutContext` is not
provided, preventing crashes when settings control is enabled in
`ControlBar` component.

Signed-off-by: Sora Morimoto <[email protected]>

Author: smorimoto

packages/react/src/hooks/useSettingsToggle.ts

@@ -1,4 +1,4 @@
-import { useLayoutContext } from '../context';
+import { useMaybeLayoutContext } from '../context';
 import { mergeProps } from '../mergeProps';
 import * as React from 'react';
 
@@ -15,7 +15,8 @@ export interface UseSettingsToggleProps {
  * @alpha
  */
 export function useSettingsToggle({ props }: UseSettingsToggleProps) {
-  const { dispatch, state } = useLayoutContext().widget;
+  const layoutContext = useMaybeLayoutContext();
+  const { dispatch, state } = layoutContext?.widget ?? {};
   const className = 'lk-button lk-settings-toggle';
 
   const mergedProps = React.useMemo(() => {