rename: Note→Post/Line (dashboard); Recognition→Note (drama); new-post/my-posts to billboard

- dashboard: Note→Post, Item→Line across models, forms, views, API, urls & tests
- new-post (9×3) & my-posts (3×3) applets migrate from dashboard→billboard context; billboard view passes form & recent_posts
- drama: Recognition→Note, related_name notes; billboard URL /recognition/→/my-notes/, set-palette at /note/<slug>/set-palette
- recognition.js→note.js (module Note, data.note key); recognition-page.js→note-page.js; .recog-*→.note-*
- _recognition.scss→_note.scss; BillNotes page header; applet slug billboard-recognition→billboard-notes (My Notes)
- NoteSpec.js replaces RecognitionSpec.js; test_recognition.py→test_applet_my_notes.py
- 4 migrations applied: dashboard 0004, applets 0011+0012, drama 0005; 683 ITs green

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

src/templates/apps/billboard/my_notes.html

@@ -0,0 +1,49 @@
+{% extends "core/base.html" %}
+{% load static %}
+
+{% block title_text %}Billnotes{% endblock title_text %}
+{% block header_text %}<span>Bill</span>notes{% endblock header_text %}
+
+{% block content %}
+<div class="note-page">
+    <h2>My Notes</h2>
+    <ul class="note-list">
+        {% for item in note_items %}
+        <li class="note-item" data-slug="{{ item.obj.slug }}"
+            data-set-palette-url="{% url 'billboard:note_set_palette' item.obj.slug %}">
+
+            {% if item.obj.palette %}
+            <div class="note-item__palette {{ item.obj.palette }}"></div>
+            {% else %}
+            <div class="note-item__image-box">?</div>
+            {% endif %}
+
+            <p class="note-item__title">{{ item.title }}</p>
+            <p class="note-item__description">{{ item.description }}</p>
+
+            {% if not item.obj.palette and item.palette_options %}
+            <template class="note-palette-modal-tpl">
+                <div class="note-palette-modal">
+                    {% for palette_name in item.palette_options %}
+                    <div class="{{ palette_name }}">
+                        <div class="note-swatch-body"></div>
+                        <button type="button" class="btn btn-confirm">OK</button>
+                    </div>
+                    {% endfor %}
+                    <div class="note-palette-confirm" hidden>
+                        <p>Lock in this palette?</p>
+                        <button type="button" class="btn btn-confirm">OK</button>
+                        <button type="button" class="btn btn-cancel">NVM</button>
+                    </div>
+                </div>
+            </template>
+            {% endif %}
+
+        </li>
+        {% empty %}
+        <li class="note-item note-item--empty">No notes yet.</li>
+        {% endfor %}
+    </ul>
+</div>
+<script src="{% static 'apps/billboard/note-page.js' %}"></script>
+{% endblock %}