Enhance moderation dashboard UI and UX:

- Add HTMX-powered filtering with instant updates
- Add smooth transitions and loading states
- Improve visual hierarchy and styling
- Add review notes functionality
- Add confirmation dialogs for actions
- Make navigation sticky
- Add hover effects and visual feedback
- Improve dark mode support

templates/account/partials/login_modal.html

@@ -0,0 +1,70 @@
+{% load i18n %}
+{% load account socialaccount %}
+{% load static %}
+
+<div 
+  id="login-modal"
+  class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm"
+  @click.away="document.getElementById('login-modal').remove()"
+>
+  <div class="w-full max-w-lg p-6 mx-4 bg-white rounded-lg shadow-xl dark:bg-gray-800">
+    <div class="flex justify-between mb-4">
+      <h2 class="text-2xl font-bold text-gray-900 dark:text-white">{% trans "Welcome Back" %}</h2>
+      <button 
+        onclick="this.closest('#login-modal').remove()"
+        class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
+      >
+        <i class="fas fa-times"></i>
+      </button>
+    </div>
+
+    {% get_providers as socialaccount_providers %}
+    {% if socialaccount_providers %}
+    <div class="space-y-3">
+      {% for provider in socialaccount_providers %}
+      <a
+        href="{% provider_login_url provider.id process='login' %}"
+        class="btn-social {% if provider.id == 'discord' %}btn-discord{% elif provider.id == 'google' %}btn-google{% endif %}"
+        role="button"
+        tabindex="0"
+        onkeydown="if(event.key === 'Enter' || event.key === ' ') { this.click(); event.preventDefault(); }"
+      >
+        {% if provider.id == 'google' %}
+        <img
+          src="{% static 'images/google-icon.svg' %}"
+          alt="Google"
+          class="w-5 h-5 mr-3"
+        />
+        <span>Continue with Google</span>
+        {% elif provider.id == 'discord' %}
+        <img
+          src="{% static 'images/discord-icon.svg' %}"
+          alt="Discord"
+          class="w-5 h-5 mr-3"
+        />
+        <span>Continue with Discord</span>
+        {% endif %}
+      </a>
+      {% endfor %}
+    </div>
+
+    <div class="auth-divider">
+      <span>Or continue with email</span>
+    </div>
+    {% endif %}
+
+    {% include "account/partials/login_form.html" %}
+
+    <div class="mt-6 text-sm text-center">
+      <p class="text-gray-600 dark:text-gray-400">
+        {% trans "Don't have an account?" %}
+        <a
+          href="{% url 'account_signup' %}"
+          class="ml-1 font-medium transition-colors text-primary hover:text-primary/80 focus:outline-none focus:underline"
+        >
+          {% trans "Sign up" %}
+        </a>
+      </p>
+    </div>
+  </div>
+</div>