Invite page: Move codes below button and sort

The codes weren't in any defined order previously, so this sorts them to
put the newest ones at the top, and also moves the button above.

tildes/tildes/templates/intercooler/invite_code.jinja2

@@ -1,6 +1,5 @@
-<input class="form-input input-lg input-invite-code" type="text" value="{{ code }}" readonly data-js-autoselect-input>
-
-{% if num_remaining > 0 %}
+<div class="code-gen-btn">
+  {% if num_remaining > 0 %}
     <button
       class="btn btn-primary"
       data-ic-get-from="{{ request.route_url(
@@ -8,5 +7,12 @@
         username=request.user.username,
       ) }}"
       data-ic-replace-target="true"
+      data-ic-target=".code-gen-btn"
     >Generate new code ({{ num_remaining }} left)</button>
-{% endif %}
+  {% else %}
+    <p>You don't currently have any invite codes available.</p>
+  {% endif %}
+  <p>You have the following invite codes active that have not been used yet:</p>
+</div>
+
+<input class="form-input input-lg input-invite-code" type="text" value="{{ code }}" readonly data-js-autoselect-input>

tildes/tildes/templates/invite.jinja2

@@ -17,14 +17,8 @@
 
 <div class="divider"></div>
 
-{% if codes %}
-  <p>You have the following invite codes active that have not been used yet:</p>
-  {% for code in codes %}
-    <input class="form-input input-lg input-invite-code" type="text" value="{{ code }}" readonly data-js-autoselect-input>
-  {% endfor %}
-{% endif %}
-
-{% if request.user.invite_codes_remaining > 0 %}
+<div class="code-gen-btn">
+  {% if request.user.invite_codes_remaining > 0 %}
     <button
       class="btn btn-primary"
       data-ic-get-from="{{ request.route_url(
@@ -32,8 +26,20 @@
         username=request.user.username,
       ) }}"
       data-ic-replace-target="true"
+      data-ic-target=".code-gen-btn"
     >Generate new code ({{ request.user.invite_codes_remaining }} left)</button>
-{% else %}
+  {% else %}
     <p>You don't currently have any invite codes available.</p>
+  {% endif %}
+
+{% if codes %}
+    <p>You have the following invite codes active that have not been used yet:</p>
+  </div>
+  {% for code in codes %}
+    <input class="form-input input-lg input-invite-code" type="text" value="{{ code }}" readonly data-js-autoselect-input>
+  {% endfor %}
+{% else %}
+  </div>
 {% endif %}
+
 {% endblock %}

tildes/tildes/views/user.py

@@ -70,6 +70,7 @@ def get_invite(request: Request) -> dict:
             UserInviteCode.user_id == request.user.user_id,
             UserInviteCode.invitee_id == None,  # noqa
         )
+        .order_by(desc(UserInviteCode.created_time))
         .all()
     )