recognition: page, palette modal, & dashboard palette unlock — TDD

- billboard/recognition/ view + template; recognition/<slug>/set-palette endpoint (no trailing slash)
- recognition.html: <template>-based modal (clone on open, remove on close — Selenium find_elements compatible)
- recognition-page.js: image-box → modal → swatch preview → body-click restore → OK → confirm → POST set-palette
- _palettes_for_user() replaces static PALETTES; Recognition.palette unlocks swatch + populates data-shoptalk
- _unlocked_palettes_for_user() wires dynamic unlock check into set_palette view
- _applet-palette.html: data-shoptalk from context instead of hard-coded "Placeholder"
- _recognition.scss: banner, recog-list/item, image-box, modal, palette-confirm; :not([hidden]) pattern avoids display override
- FT T2 split into T2a (banner → FYI → recog page), T2b (palette modal flow), T2c (dashboard palette applet)
- 684 ITs green; 7 FTs green

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/templates/apps/dashboard/_partials/_applet-palette.html

@@ -13,7 +13,7 @@
                     data-label="{{ palette.label }}"
                     data-locked="{{ palette.locked|yesno:'true,false' }}"
                     data-unlocked-date="{% if not palette.locked %}Default{% endif %}"
-                    data-shoptalk="Placeholder"
+                    data-shoptalk="{{ palette.shoptalk }}"
                 >
                     {% if not palette.locked %}
                         <button type="button" class="btn btn-confirm palette-ok" hidden>OK</button>