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 <sora@morimoto.io>

Author: smorimoto

.changeset/sweet-parks-shake.md

@@ -0,0 +1,9 @@
+---
+'@livekit/components-react': patch
+---
+
+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.

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(() => {