Implement suggestion feature for incorrect answers; add HTMX support for dynamic candidate rendering and inline editing.

anatomy/templates/anatomy/partials/suggest_incorrect_fragment.html

@@ -0,0 +1,43 @@
+<div class="card mt-2">
+  <div class="card-body">
+    <h6 class="card-title">Suggest incorrect answers</h6>
+    <form hx-post="{% url 'anatomy:question_suggest_incorrect_answers' question.pk %}" hx-target="closest .card" hx-swap="outerHTML">
+      {% csrf_token %}
+      <div class="mb-2">
+        <label class="form-label">Current suggestions (one per line)</label>
+        {{ form.answer_suggest_incorrect }}
+      </div>
+      <div class="d-flex gap-2 justify-content-end">
+        <button type="submit" class="btn btn-primary btn-sm">Save</button>
+        <button type="button" class="btn btn-outline-secondary btn-sm" onclick="(function(e){
+            var wrapper = document.getElementById('incorrect-answers');
+            if(!wrapper) { var c=e.target.closest('.card'); if(c) c.remove(); return; }
+            var t = wrapper.querySelector('template.incorrect-answers-original');
+            if(t) { wrapper.innerHTML = t.innerHTML; }
+        })(event)">Cancel</button>
+      </div>
+    </form>
+
+    {% if candidates %}
+      <hr/>
+      <h6 class="mt-3">Suggested candidates</h6>
+      <div class="small text-muted mb-2">These are frequent submitted answers that might be suitable to treat as incorrect suggestions.</div>
+      <ul class="list-group">
+        {% for c in candidates %}
+          <li class="list-group-item d-flex justify-content-between align-items-center">
+            <div class="flex-grow-1"><pre class="mb-0">{{ c.answer }}</pre></div>
+            <div class="text-end">
+              <span class="badge bg-light text-dark me-2">{{ c.count }}</span>
+              <button class="btn btn-sm btn-outline-primary" hx-post="{% url 'anatomy:question_suggest_incorrect_answers' question.pk %}" hx-vals='{"suggestion": "{{ c.answer|escapejs }}"}' hx-target="closest .card" hx-swap="outerHTML">Add</button>
+            </div>
+          </li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+  </div>
+</div>
+
+    <template class="incorrect-answers-original" hidden>
+      <strong>Answer suggest incorrect:</strong> {{ question.answer_suggest_incorrect }}
+      <div class="mt-1"><button id="answer-suggest-incorrect-button" class="btn btn-sm btn-outline-secondary" hx-get="{% url 'anatomy:question_suggest_incorrect_answers' question.pk %}" hx-target="#incorrect-answers" hx-swap="innerHTML">Edit suggestions</button></div>
+    </template>