Enhance bulk add groups form with crispy forms for improved styling and usability

generic/templates/generic/partials/examcollection_bulk_add_groups_form.html

@@ -1,17 +1,11 @@
+{% load crispy_forms_tags %}
 <form hx-post="{% url 'generic:exam_collection_bulk_add_groups' collection.pk %}" hx-target="#bulk-add-groups" hx-swap="innerHTML" class="bulk-add-groups-form">
     {% csrf_token %}
-    <div>
-        {{ form.cid_user_groups.label_tag }}<br/>
-        {{ form.cid_user_groups }}
-    </div>
-    <div>
-        {{ form.user_user_groups.label_tag }}<br/>
-        {{ form.user_user_groups }}
-    </div>
-    <div>
-        {{ form.exam_types.label_tag }}<br/>
-        {{ form.exam_types }}
-    </div>
+
+    {# Render fields with crispy. The form helper sets form_tag=False so the surrounding
+       <form> keeps the HTMX attributes while crispy renders nicely styled fields. #}
+    {{ form|crispy }}
+
     <div class="mt-2">
         <button type="submit" class="btn btn-primary btn-sm">Add groups</button>
         <button type="button" class="btn btn-secondary btn-sm" hx-get="{% url 'generic:examcollection_detail' collection.pk %}" hx-target="#bulk-add-groups" hx-swap="innerHTML">Cancel</button>