Remove devdeps and change import path

Author: DanielCliftonGuardian

dotcom-rendering/package.json

@@ -48,6 +48,7 @@
 		"@playwright/test": "1.52.0",
 		"@sentry/browser": "10.10.0",
 		"@storybook/addon-webpack5-compiler-swc": "4.0.1",
+		"@storybook/addon-docs": "9.1.10",
 		"@storybook/react-webpack5": "9.1.10",
 		"@svgr/webpack": "8.1.0",
 		"@swc/cli": "0.7.7",
@@ -113,6 +114,7 @@
 		"eslint-plugin-react": "7.33.2",
 		"eslint-plugin-react-hooks": "4.6.0",
 		"eslint-plugin-ssr-friendly": "1.3.0",
+		"eslint-plugin-storybook": "9.1.10",
 		"eslint-plugin-unicorn": "48.0.1",
 		"eslint-stats": "1.0.1",
 		"express": "5.1.0",
@@ -175,9 +177,5 @@
 		"webpack-node-externals": "3.0.0",
 		"webpack-sources": "3.2.3",
 		"zod": "3.22.4"
-	},
-	"devDependencies": {
-		"eslint-plugin-storybook": "9.1.10",
-		"@storybook/addon-docs": "9.1.10"
 	}
 }

dotcom-rendering/src/components/AdSlot.web.stories.tsx

@@ -2,8 +2,8 @@ import type { SerializedStyles } from '@emotion/react';
 import { css } from '@emotion/react';
 import { remSpace, textSans14 } from '@guardian/source/foundations';
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
-import { within } from 'storybook/test';
 import { createRoot } from 'react-dom/client';
+import { within } from 'storybook/test';
 import {
 	centreColumnDecorator,
 	rightColumnDecorator,

dotcom-rendering/src/components/EditionSwitcherBanner.test.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
-import { userEvent } from '@storybook/test';
 import { act, render, screen } from '@testing-library/react';
+import { userEvent } from 'storybook/test';
 import { EditionSwitcherBanner } from './EditionSwitcherBanner.importable';
 
 describe('EditionSwitcherBanner', () => {