Make user menu selectors more reusable (#200)

* Drop id attribute in theme name tag

Makes it possible to include several theme selectors on the same page

* Drop id attribute in datetime name tag

* Drop redundant attributes on datetime selector

The whole view is refreshed on datetime format update

src/argus_htmx/templates/htmx/dateformat/_dateformat_dropdown.html

@@ -1,7 +1,7 @@
 <details>
     <summary>
         Date format
-        <span id="dateformat-badge" class="badge badge-primary">{{ datetime_format_name }}</span>
+        <span class="badge badge-primary">{{ datetime_format_name }}</span>
     </summary>
     <ul class="max-h-64 overflow-y-scroll">
         <li

src/argus_htmx/templates/htmx/dateformat/_dateformat_list.html

@@ -7,8 +7,6 @@
                name="dateformat"
                hx-post="{% url 'htmx:change-dateformat' %}"
                hx-trigger="change"
-               hx-swap="textContent"
-               hx-target="#dateformat-badge"
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
         />
     </li>

src/argus_htmx/templates/htmx/themes/theme_dropdown.html

@@ -1,7 +1,7 @@
 <details>
     <summary>
         Theme
-        <span id="theme-badge" class="badge badge-primary">{{ theme }}</span>
+        <span class="badge badge-primary">{{ theme }}</span>
     </summary>
     <ul class="max-h-64 overflow-y-scroll">
         <li

src/argus_htmx/templates/htmx/themes/theme_list.html

@@ -8,7 +8,7 @@
                hx-post="{% url 'htmx:change-theme' %}"
                hx-trigger="change"
                hx-swap="textContent"
-               hx-target="#theme-badge"
+               hx-target="previous summary .badge"
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
         />
     </li>