refactor: move Kategori field to the bottom of the submission form

Reorder the "Indsend høringssvar" form so users write their answer first
and pick the category last, in both the Vosnæs and Uniparken prototypes.
Purely a markup reorder — the submit handler reads no fields positionally.

Co-authored-by: Claude <noreply@anthropic.com>

Author: yepzdk

CHANGELOG.md

@@ -10,7 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - Raised card, input, dropdown and divider borders to a WCAG 1.4.11-compliant `#8c8c8c` (3.36:1 on white, up from ~1.2:1) via the `--border-default`/`--border-subtle` tokens; repointed the structural separator borders that hardcoded `--gray-200`/`--gray-350` at `--border-subtle`
 - Fixed muted text contrast: `--text-muted` now `#767676` (4.54:1 on white); the dark-footer bottom links use `--gray-350` (9.48:1 on `#333`) instead of the failing `--gray-600` (3.42:1)
 - Added an outline "Skriv et høringssvar" button in the hearing header (hidden on the closed variant) and a centered primary one below the answers list, in addition to the existing one above; all three share a `js-submit-horingssvar` hook wired in `variant.js`
-- Added help text "Vælg hvilken kategori dit høringssvar passer til" to the Kategori select, linked via `aria-describedby`
+- Added help text "Vælg hvilken kategori dit høringssvar passer til" to the Kategori select, linked via `aria-describedby`, and moved the Kategori field to the bottom of the "Indsend høringssvar" form (after the answer text) in both prototypes
 - Added a tip on the closed ("Afsluttet") variant linking down to the statistics section: "Se længere nede hvordan høringssvarene har fordelt sig"
 - Submission-form hint and notice text darkened to `--text-secondary` (gray-700, ~7:1) and the hint de-italicised for readability at the small size; the notice info icon now follows the text colour (`currentColor`) instead of the near-invisible `--gray-400`
 - Reframed the per-answer "synes om" like as an agreement vote: handshake icon (`fa-regular fa-handshake`) and the text "{antal} er enig(e)" (singular-aware), with the sort option renamed "Flest enige". Applied to both cards and the detail modal across the Vosnæs and Uniparken prototypes (shared JS); the underlying `likes` data field is unchanged

docs/public/projects/deltag-aarhus/mocks/index.html

@@ -671,17 +671,6 @@ <h2 class="modal__title" id="submission-modal-title">Indsend høringssvar</h2>
       </div>
       <div class="modal__body">
         <form class="submission-form" id="submission-form">
-          <div class="submission-form__field">
-            <label for="submission-category" class="submission-form__label">Kategori</label>
-            <select id="submission-category" class="submission-form__select" aria-describedby="submission-category-hint" required>
-              <option value="">Vælg kategori...</option>
-              <option value="miljoe">Miljø/Natur</option>
-              <option value="stoej">Støj/Sundhed</option>
-              <option value="landskab">Landskab/Visuel</option>
-              <option value="proces">Proces/Andet</option>
-            </select>
-            <span class="submission-form__hint" id="submission-category-hint">Vælg hvilken kategori dit høringssvar passer til</span>
-          </div>
           <div class="submission-form__field">
             <label for="submission-name" class="submission-form__label">Dit navn</label>
             <input type="text" id="submission-name" class="submission-form__input" value="Maria Jensen" readonly>
@@ -695,6 +684,17 @@ <h2 class="modal__title" id="submission-modal-title">Indsend høringssvar</h2>
             <label for="submission-body" class="submission-form__label">Dit høringssvar</label>
             <textarea id="submission-body" class="submission-form__textarea" rows="8" required placeholder="Beskriv dine synspunkter, bekymringer eller forslag vedrørende planen..."></textarea>
           </div>
+          <div class="submission-form__field">
+            <label for="submission-category" class="submission-form__label">Kategori</label>
+            <select id="submission-category" class="submission-form__select" aria-describedby="submission-category-hint" required>
+              <option value="">Vælg kategori...</option>
+              <option value="miljoe">Miljø/Natur</option>
+              <option value="stoej">Støj/Sundhed</option>
+              <option value="landskab">Landskab/Visuel</option>
+              <option value="proces">Proces/Andet</option>
+            </select>
+            <span class="submission-form__hint" id="submission-category-hint">Vælg hvilken kategori dit høringssvar passer til</span>
+          </div>
           <div class="submission-form__notice">
             <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
             <p>Alle høringssvar er omfattet af offentlighedsloven. Dit navn og høringssvar vil blive offentliggjort i forbindelse med byrådets politiske behandling.</p>

docs/public/projects/deltag-aarhus/mocks/uniparken/index.html

@@ -660,16 +660,6 @@ <h2 class="modal__title" id="submission-modal-title">Indsend høringssvar</h2>
       </div>
       <div class="modal__body">
         <form class="submission-form" id="submission-form">
-          <div class="submission-form__field">
-            <label for="submission-category" class="submission-form__label">Kategori</label>
-            <select id="submission-category" class="submission-form__select" required>
-              <option value="">Vælg kategori...</option>
-              <option value="miljoe">Miljø/Natur</option>
-              <option value="stoej">Støj/Sundhed</option>
-              <option value="landskab">Landskab/Visuel</option>
-              <option value="proces">Proces/Andet</option>
-            </select>
-          </div>
           <div class="submission-form__field">
             <label for="submission-name" class="submission-form__label">Dit navn</label>
             <input type="text" id="submission-name" class="submission-form__input" value="Marie Holm" readonly>
@@ -683,6 +673,16 @@ <h2 class="modal__title" id="submission-modal-title">Indsend høringssvar</h2>
             <label for="submission-body" class="submission-form__label">Dit høringssvar</label>
             <textarea id="submission-body" class="submission-form__textarea" rows="8" required placeholder="Beskriv dine synspunkter, bekymringer eller forslag vedrørende planen..."></textarea>
           </div>
+          <div class="submission-form__field">
+            <label for="submission-category" class="submission-form__label">Kategori</label>
+            <select id="submission-category" class="submission-form__select" required>
+              <option value="">Vælg kategori...</option>
+              <option value="miljoe">Miljø/Natur</option>
+              <option value="stoej">Støj/Sundhed</option>
+              <option value="landskab">Landskab/Visuel</option>
+              <option value="proces">Proces/Andet</option>
+            </select>
+          </div>
           <div class="submission-form__notice">
             <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
             <p>Alle høringssvar er omfattet af offentlighedsloven. Dit navn og høringssvar vil blive offentliggjort i forbindelse med byrådets politiske behandling.</p>