chore: Create Storybook story for ImportSRP component

ui/pages/onboarding-flow/import-srp/import-srp.stories.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
+import { configureStore } from '@reduxjs/toolkit';
+import type { Meta, StoryObj } from '@storybook/react';
+import ImportSRP from './import-srp';
+import { MetaMetricsContext } from '../../../contexts/metametrics';
+import type { UITrackEventMethod } from '../../../contexts/metametrics';
+
+const mockStore = configureStore({
+  reducer: {
+    metamask: (state = {
+      internalAccounts: {
+        selectedAccount: '0x0000000000000000000000000000000000000001',
+        accounts: {
+          '0x0000000000000000000000000000000000000001': {
+            address: '0x0000000000000000000000000000000000000001',
+            metadata: {
+              keyring: {
+                type: 'HD Key Tree',
+                accounts: ['0x0000000000000000000000000000000000000001'],
+              },
+            },
+          },
+        },
+      },
+      keyrings: [
+        {
+          type: 'HD Key Tree',
+          accounts: ['0x0000000000000000000000000000000000000001'],
+        },
+      ],
+    }) => state,
+  },
+});
+
+const mockTrackEvent: UITrackEventMethod = (event, properties) => {
+  console.log('Mock track event:', { event, properties });
+  return Promise.resolve();
+};
+
+const Wrapper = ({ children }) => (
+  <Provider store={mockStore}>
+    <MemoryRouter>
+      <MetaMetricsContext.Provider value={mockTrackEvent}>
+        {children}
+      </MetaMetricsContext.Provider>
+    </MemoryRouter>
+  </Provider>
+);
+
+const meta: Meta<typeof ImportSRP> = {
+  title: 'Pages/OnboardingFlow/ImportSRP',
+  component: ImportSRP,
+  decorators: [
+    (Story) => (
+      <Wrapper>
+        <Story />
+      </Wrapper>
+    ),
+  ],
+  parameters: {
+    docs: {
+      description: {
+        component: 'ImportSRP component allows users to input and submit their Secret Recovery Phrase.',
+      },
+    },
+  },
+  argTypes: {
+    submitSecretRecoveryPhrase: { action: 'submitSecretRecoveryPhrase' },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof ImportSRP>;
+
+export const DefaultStory: Story = {
+  args: {
+    submitSecretRecoveryPhrase: () => console.log('Secret Recovery Phrase submitted'),
+  },
+};
+
+DefaultStory.storyName = 'Default';