chore(storybook): normalize quotes and formatting

.storybook/main.ts

-import type { StorybookConfig } from '@storybook/nextjs-vite';
+import type { StorybookConfig } from "@storybook/nextjs-vite";
 
 const config: StorybookConfig = {
-  stories: ['../components/**/*.stories.@(ts|tsx)'],
+  stories: ["../components/**/*.stories.@(ts|tsx)"],
   addons: [
-    '@chromatic-com/storybook',
-    '@storybook/addon-vitest',
-    '@storybook/addon-a11y',
-    '@storybook/addon-docs',
+    "@chromatic-com/storybook",
+    "@storybook/addon-vitest",
+    "@storybook/addon-a11y",
+    "@storybook/addon-docs",
   ],
-  framework: '@storybook/nextjs-vite',
-  staticDirs: ['../public'],
+  framework: "@storybook/nextjs-vite",
+  staticDirs: ["../public"],
 };
 
 export default config;

.storybook/preview.ts

-import React from 'react'
+import type { Preview } from "@storybook/nextjs-vite";
+import React from "react";
 
-import type { Preview } from '@storybook/nextjs-vite'
+import "../../maf-uis/maf-ui/css/main.css";
 
-import '../../maf-uis/maf-ui/css/main.css'
-
-const decorators: Preview['decorators'] = [
+const decorators: Preview["decorators"] = [
   (Story) => {
     // The MAF theme CSS assumes a fixed header + bottom nav. In Storybook we render only the
     // form canvas, so we remove that extra body padding for correct visual alignment.
-    if (typeof document !== 'undefined') {
-      document.body.style.paddingTop = '0px'
-      document.body.style.paddingBottom = '0px'
+    if (typeof document !== "undefined") {
+      document.body.style.paddingTop = "0px";
+      document.body.style.paddingBottom = "0px";
     }
 
     return React.createElement(
-      'div',
+      "div",
       {
         style: {
-          minHeight: '100vh',
-          background: 'var(--ink)',
-          padding: '24px',
+          minHeight: "100vh",
+          background: "var(--ink)",
+          padding: "24px",
         },
       },
-      React.createElement(Story)
-    )
+      React.createElement(Story),
+    );
   },
-]
+];
 
 const preview: Preview = {
   decorators,
   parameters: {
     backgrounds: {
-      default: 'dark',
+      default: "dark",
       values: [
         {
-          name: 'dark',
-          value: '#0a0a0c',
+          name: "dark",
+          value: "#0a0a0c",
         },
         {
-          name: 'light',
-          value: '#f8f9fa',
+          name: "light",
+          value: "#f8f9fa",
         },
       ],
     },
     controls: {
       matchers: {
-       color: /(background|color)$/i,
-       date: /Date$/i,
+        color: /(background|color)$/i,
+        date: /Date$/i,
       },
     },
 
@@ -54,9 +53,9 @@ const preview: Preview = {
       // 'todo' - show a11y violations in the test UI only
       // 'error' - fail CI on a11y violations
       // 'off' - skip a11y checks entirely
-      test: 'todo'
-    }
+      test: "todo",
+    },
   },
 };
 
-export default preview;
\ No newline at end of file
+export default preview;