[FE-1] Set Up Storybook with Retro UI Theme

[sarkarshuvojit]

Parent Epic

#23

Description

Initialize Storybook in the multiship-ui project with a RetroUI/NeoBrutalism theme configuration.

Requirements

• Install Storybook for Vite + React + TypeScript
• Configure with TailwindCSS support
• Set up dark theme matching game aesthetic
• Create base Storybook theme with retro styling
• Add yarn storybook and yarn build-storybook scripts

Retro UI Theme Guidelines

• Bold, chunky borders (2-4px solid)
• Drop shadows (offset shadows, not blur)
• High contrast colors (black, white, neon accents)
• Pixel-style fonts (optional)
• Brutalist aesthetic - raw, unpolished look

Color Palette

• Background: Dark grays (#1a1a1a, #2d2d2d)
• Primary: Neon green (#39FF14) or Cyan (#00FFFF)
• Secondary: Hot pink (#FF1493)
• Danger: Red (#FF0000)
• Text: White, with colored accents

Files to Create/Modify

• .storybook/main.ts - Storybook config
• .storybook/preview.ts - Global decorators
• .storybook/manager.ts - UI theme
• package.json - Add storybook deps

Acceptance Criteria

• yarn storybook starts Storybook
• Retro theme visible in Storybook UI
• TailwindCSS works in stories
• Dark mode default