feat: add 'Microsoft value' section to fly-over

[DevSecNinja]

Summary

Adds a Microsoft value section to the measure fly-over (detail panel) that describes what each mapped Microsoft product actually adds — the concrete benefit of adopting it — alongside the existing Microsoft mapping.

Closes #16

What changed

• Data model (src/data/grip.json): mapping items now support optional localized value_nl / value_en / value_fr plus a valueUrl source link.
• Seed value (Microsoft Sentinel): documents the Microsoft Sentinel benefit for Microsoft 365 E5/A5/F5/G5 customers — a data grant of up to 5 MB per user per day for free ingestion of eligible Microsoft 365 data (Entra ID sign-in/audit logs, Defender for Cloud Apps shadow-IT logs, Purview Information Protection logs, Microsoft 365 advanced hunting data) into Sentinel.
• Detail panel (src/components/MeasureDetailPanel.jsx): renders the value (with a source link) per mapped product when present.
• Exports: value mirrored in the print/PDF document (src/components/PrintDocument.jsx) and the Markdown export (src/data/export.js) for parity.
• i18n (src/i18n/strings.js): new microsoftValue / valueSource strings in NL/EN/FR (Dutch first).
• Styles (src/styles/index.css): screen + print styling for the value block.
• Test (src/App.test.jsx): asserts the Sentinel value renders in the panel.

Sources (via Microsoft Learn MCP)

• Azure Monitor cost and usage — data allocation benefits
• Microsoft Sentinel benefit for Microsoft 365 E5/A5/F5/G5 customers

Acceptance criteria

• Fly-over shows a 'Microsoft value' section next to the Microsoft mapping
• Sentinel value (data ingestion benefit) documented
• Values sourced from official Microsoft docs

Validation

• npm run lint — clean
• npm test — 53 passing
• Prettier — changed JS/CSS files clean

The field is optional and data-driven, so value statements for other products can be added the same way.

[github-actions]

🔍 Preview deployed: https://a5a6c3c4.grip-visualizer.pages.dev

Updated: Fri, 19 Jun 2026 09:45:18 GMT