fix: replace with withChromaticModes

Author: karrui

src/stories/components/VersionModal.stories.tsx

@@ -2,7 +2,7 @@ import { Box } from '@chakra-ui/react'
 import { type Meta, type StoryObj } from '@storybook/react'
 
 import { VersionModal } from '~/components/VersionWrapper/VersionModal'
-import { getMobileViewParameters } from '../utils/viewports'
+import { withChromaticModes } from '../utils/chromatic'
 
 const meta: Meta<typeof VersionModal> = {
   title: 'Components/Version Modal',
@@ -18,9 +18,11 @@ const meta: Meta<typeof VersionModal> = {
     ),
   ],
   parameters: {
-    layout: 'fullscreen',
     // Prevent flaky tests due to modal animating in.
-    chromatic: { delay: 200 },
+    chromatic: {
+      delay: 200,
+      ...withChromaticModes(['mobile', 'tablet', 'desktop']),
+    },
   },
   args: {
     isOpen: true,
@@ -33,6 +35,3 @@ export default meta
 type Story = StoryObj<typeof VersionModal>
 
 export const Default: Story = {}
-export const Mobile: Story = {
-  parameters: getMobileViewParameters(),
-}