docs(storybook): fix provider nesting

Author: mgadewoll

packages/eui/src/components/focus_trap/focus_trap.stories.tsx

@@ -14,7 +14,7 @@ import { EuiButton } from '../button';
 import { EuiFieldText } from '../form';
 import { EuiSpacer } from '../spacer';
 import { EuiPanel } from '../panel';
-import { EuiProvider } from '../provider';
+import { EuiComponentDefaultsProvider } from '../provider';
 import { EuiFocusTrap, EuiFocusTrapProps } from './focus_trap';
 
 const meta: Meta<EuiFocusTrapProps> = {
@@ -98,13 +98,15 @@ export const Iframe: Story = {
 
 export const EuiProviderComponentDefaults: Story = {
   render: ({ ...args }) => (
-    <EuiProvider componentDefaults={{ EuiFocusTrap: { ...args } }}>
+    <EuiComponentDefaultsProvider
+      componentDefaults={{ EuiFocusTrap: { ...args } }}
+    >
       <StatefulFocusTrap disabled={true} />
       <EuiSpacer />
       This story is passing all controls and their arguments to EuiProvider's
       `componentDefaults` instead of to EuiFocusTrap directly. It's primarily
       useful for testing that configured defaults behave the same way as
       individual props.
-    </EuiProvider>
+    </EuiComponentDefaultsProvider>
   ),
 };