frontend: improve HTML for register + edit profile forms

Author: RMCrean

packages/divbase-api/src/divbase_api/templates/auth_pages/register.html

@@ -8,3 +8,8 @@
 {% include "components/registration_form.html" %}
 </div>
 {% endblock %}
+
+
+{% block custom_scripts %}
+<script src="/static/js/organisation_dropdown.js"></script>
+{% endblock %}

packages/divbase-api/src/divbase_api/templates/components/registration_form.html

@@ -57,7 +57,7 @@ <h2>Create an account </h2>
                                 <i class="bi bi-building"></i>
                             </span>
                             <select class="form-select" id="organisation_dropdown" name="organisation" required>
-                                <option value="" disabled selected>Select an organisation...</option>
+                                <option value=""  disabled {% if not organisation %}selected{% endif %}>Select an organisation...</option>
                                 <option value="Other" {% if organisation == 'Other' %}selected{% endif %}>Other</option>
                                 {% for org in swedish_universities %}
                                     <option value="{{ org }}" {% if organisation == org %}selected{% endif %}>{{ org }}</option>
@@ -142,7 +142,8 @@ <h2>Create an account </h2>
                             <i class="bi bi-person-plus me-2"></i>Create Account
                         </button>
                     </div>
-
+                
+                </form>
                 <hr class="my-4">
                 <div class="text-center d-flex justify-content-center align-items-center gap-3 flex-wrap">
                     <div>
@@ -162,8 +163,4 @@ <h2>Create an account </h2>
             </div>
         </div>
     </div>
-</div>
-
-{% block custom_scripts %}
-<script src="/static/js/organisation_dropdown.js"></script>
-{% endblock %}
+</div>

packages/divbase-api/src/divbase_api/templates/profile_pages/edit_profile.html

@@ -48,7 +48,7 @@ <h5 class="mb-0"><i class="bi bi-person-gear me-2"></i>Personal Information</h5>
                                         <i class="bi bi-building"></i>
                                     </span>
                                     <select class="form-select" id="organisation_dropdown" name="organisation" required>
-                                        <option value="" disabled selected>Select an organisation...</option>
+                                        <option value="" disabled {% if not organisation %}selected{% endif %}>Select an organisation...</option>
                                         <option value="Other" {% if organisation == 'Other' %}selected{% endif %}>Other</option>
                                         {% for org in swedish_universities %}
                                             <option value="{{ org }}" {% if organisation == org %}selected{% endif %}>{{ org }}</option>