fix: sort dependencies

.storybook/preview.jsx

@@ -1,13 +1,13 @@
-import '../src/tailwind.css'
-import './sb-theming.css'
-import { ToC } from '@docs/helpers/ToC'
 import queryString from 'query-string'
-
 import { DocsContainer } from '@storybook/blocks'
 import { withThemeByDataAttribute } from '@storybook/addon-styling'
 import { Icon } from '@spark-ui/icon'
 import { ShareExpand } from '@spark-ui/icons/dist/icons/ShareExpand'
 
+import '../src/tailwind.css'
+import './sb-theming.css'
+import { ToC } from '@docs/helpers/ToC'
+
 const ExampleContainer = ({ children, ...props }) => {
   return (
     <DocsContainer {...props}>
@@ -52,13 +52,13 @@ export const decorators = [
     attributeName: 'data-theme',
   }),
   (storyFn, { id, viewMode }) => {
-    const {globals} = queryString.parse(window.top?.location.search)
+    const { globals } = queryString.parse(window.top?.location.search)
     return (
       <div className="relative w-full">
         {viewMode === 'docs' && (
           <div className="absolute -right-lg -top-xl">
             <a
-              href={`/iframe.html?${queryString.stringify({id, globals})}`}
+              href={`/iframe.html?${queryString.stringify({ id, globals })}`}
               target="_blank"
               className="text-basic hover:text-basic-hovered focus:text-basic-focused enabled:active:text-basic-pressed"
             >