UI docs storybook

[clintjeff2]

Add UI Component Documentation with Storybook

Closes #122

Summary

Set up Storybook to catalog and document all reusable React components in the Sanctifier frontend. Every component now has a dedicated .stories.tsx file with multiple usage variants and auto-generated docs.

What changed

Area	Files
Storybook config	.storybook/main.ts, .storybook/preview.ts
Package manifest	package.json — added Storybook scripts and devDependencies
Component stories	CallGraph.stories.tsx, CodeSnippet.stories.tsx, FindingsList.stories.tsx, SanctityScore.stories.tsx, SeverityFilter.stories.tsx, SummaryChart.stories.tsx, ThemeToggle.stories.tsx

Components documented

Component	Stories	Key variants
CallGraph	4	Default graph, empty state, functions-only, with severity rings
CodeSnippet	4	Plain code, highlighted line, single line, empty
FindingsList	4	All severities, critical-only filter, no results, empty list
SanctityScore	5	Perfect (A), Grade A/B/C, Grade F
SeverityFilter	3	All selected, critical selected, medium selected
SummaryChart	4	Balanced distribution, critical-heavy, no findings, low-only
ThemeToggle	1	Default (interactive toggle)

How to run

cd frontend
npm install
npm run storybook

Storybook will be available at http://localhost:6006.

How to build (static export)

npm run build-storybook

Output is written to frontend/storybook-static/.

Proof of successful build

#Call Graph

#Code Snippet

#Finding List

#Sanctity Score

#Severity Filter

#Summary Chart

#Theme Toggle

#Build Succes

[clintjeff2]

@Gbangbolaoluwagbemiga please leave me a warm review.