fix linting

dotcom-rendering/src/components/DecideContainer.tsx

@@ -29,8 +29,8 @@ import { NavList } from './NavList';
 import { ScrollableHighlights } from './ScrollableHighlights.importable';
 import { ScrollableMedium } from './ScrollableMedium.importable';
 import { ScrollableSmall } from './ScrollableSmall.importable';
-import { StaticMediumFour } from './StaticMediumFour';
 import { StaticFeatureTwo } from './StaticFeatureTwo';
+import { StaticMediumFour } from './StaticMediumFour';
 
 type Props = {
 	trails: DCRFrontCard[];

dotcom-rendering/src/components/ScrollableFeature.stories.tsx

@@ -0,0 +1,41 @@
+import { breakpoints } from '@guardian/source/foundations';
+import type { Meta, StoryObj } from '@storybook/react';
+import { discussionApiUrl } from '../../fixtures/manual/discussionApiUrl';
+import { trails } from '../../fixtures/manual/highlights-trails';
+import { FrontSection } from './FrontSection';
+import { ScrollableFeature } from './ScrollableFeature.importable';
+
+export default {
+	title: 'Components/ScrollableFeature',
+	component: ScrollableFeature,
+	parameters: {
+		chromatic: {
+			viewports: [
+				breakpoints.mobile,
+				breakpoints.tablet,
+				breakpoints.wide,
+			],
+		},
+	},
+	args: {
+		trails,
+		containerPalette: undefined,
+		absoluteServerTimes: true,
+		imageLoading: 'eager',
+	},
+} as Meta;
+
+type Story = StoryObj<typeof ScrollableFeature>;
+
+export const WithFrontSection = {
+	render: (args) => (
+		<FrontSection
+			title="Scrollable feature"
+			discussionApiUrl={discussionApiUrl}
+			editionId={'UK'}
+			showTopBorder={false}
+		>
+			<ScrollableFeature {...args} />
+		</FrontSection>
+	),
+} satisfies Story;