add Story Builder frontend (pages + components)

[GauravOP-03]

📝 Description

Add the Story Builder frontend only: list page, new page, and detail page plus all components under components/dashboard/story-builder/.

🎯 Type of Change

• 🐛 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 📚 Documentation update
• 🎨 Style/UI changes (formatting, missing semi colons, etc; no logic change)
• ♻️ Refactoring (no functional changes, code improvements)
• ⚡ Performance improvements
• 🧪 Adding or updating tests
• 🔧 Configuration changes

🧪 Testing

• I have tested my changes locally
• I have added tests for my changes
• All existing tests pass
• I have tested on different browsers/devices (if applicable)

Describe: With story-builder API and hook available: list jobs (search, delete, export), create new (form steps + progress), view detail (results, export, regenerate).

📋 Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• I have checked my code and corrected any misspellings
• I have read the Contributing Guide

📸 Screenshots (if applicable)

🔧 Technical Details

Files in this PR (modified/added frontend only):

File	Change
app/dashboard/story-builder/page.tsx	List: fetch jobs, search, ContentCard grid, delete, export, empty state, AI gate.
app/dashboard/story-builder/new/page.tsx	New: StoryBuilderForm + hook props, AITrainingRequired, optional ?topic from query.
app/dashboard/story-builder/[id]/page.tsx	Detail: fetch job, StoryBuilderResults, save/delete/export/regenerate, loading skeleton.
story-builder/SBFormStep1.tsx	Step 1: video topic, ideation picker (IdeationJob), idea index, target audience, duration, content type, story mode.
story-builder/SBFormStep2.tsx	Step 2: audience level, tone, additional context.
story-builder/SBFormStep3.tsx	Step 3: personalized toggle, review, generate.
story-builder/StoryBuilderForm.tsx	MultiStepFormLayout, steps 1–3, GenerationProgress, StoryBuilderResults when done.
story-builder/StoryBuilderProgress.tsx	Progress UI (steps + status).
story-builder/StoryBuilderResults.tsx	Result display (StoryBuilderResult, TensionMapping, SectionScore from @repo/validation).
story-builder/StoryBuilderHistory.tsx	History list (StoryBuilderJob), labels from @repo/validation.

Not in this PR: useStoryBuilder, story-builder API, backend. Frontend only.

🚀 Deployment Notes

• Depends on story-builder API and useStoryBuilder (separate PR).

📚 Documentation Updates

• README.md updated
• CONTRIBUTING.md updated (if applicable)
• API documentation updated (if applicable)
• Component documentation updated (if applicable)

🔍 Review Notes

• Review only UI and page wiring; no hook or backend logic.

📊 Performance Impact

• No performance impact
• Performance improvement
• Performance regression (explain below)

🔒 Security Considerations

• No security implications
• Security improvement
• Potential security concern (explain below)

🎉 Additional Notes

• Hook and backend can be added in a separate PR; this one is frontend-only and only includes the modified story-builder pages and components.

[vercel]

@GauravOP-03 is attempting to deploy a commit to the afrin127329's projects Team on Vercel.

A member of the Team first needs to authorize it.