fix card badges to have better rarity visibility and other bugfixes

theme/templates/cards/card_list.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% load static card_badge %}
 {% block content %}
-<div class="container mx-auto p-4" 
+<div class="container mx-auto" 
      x-data="{
          order: '{{ order }}',
          groupBy: '{{ group_by|default:'none' }}',
@@ -15,10 +15,7 @@
                 .then(html => { this.$refs.cardList.innerHTML = html; });
          }
      }"
-     x-init="loadCards()"
-     x-on:change-page.window="page = $event.detail.page; loadCards()"
->
-    
+     x-on:change-page.window="page = $event.detail.page; loadCards()">
     <div class="flex flex-wrap items-center justify-between mb-6">
         <div>
             <h1 class="text-2xl font-bold">Cards</h1>
@@ -57,7 +54,7 @@
     </div>
     <!-- Container for the partial card list -->
     <div x-ref="cardList">
-        
+        {% include "cards/_card_list.html" with cards=cards page_obj=page_obj %}
     </div>
 </div>
 {% endblock %}