Phase 13: OG image for shared loadout URLs

[elfensky]

Summary

Dynamic OG image for /loadout?b=<hash> URLs — rich preview in Discord, Twitter, and social platforms.

Parent: #162

Design

Uses next/og ImageResponse (same approach as existing src/app/opengraph-image.jsx).

1200x630 image showing:

• Loadout name
• 4 stratagem icons with names
• Weapon names
• Perk name
• "helldivers.bot" branding
• Gold (#c8a832) accent color

Falls back to generic "Loadout Builder" image when no ?b= param or invalid hash.

Files

• CREATE src/app/loadout/opengraph-image.jsx (~200-300 LOC)

Reference

Follow exact pattern in src/app/opengraph-image.jsx for exports, inline styles, data URI embedding.

Size: L