feat: Add refresh button to Admin Inbox

src/pages/admin/AdminContact.tsx

@@ -14,6 +14,7 @@ import {
   ArrowUpRight,
   ArrowDownLeft,
   Loader2,
+  RefreshCw,
 } from 'lucide-react';
 import { supabase } from '@/integrations/supabase/client';
 import { Button } from '@/components/ui/button';
@@ -259,6 +260,10 @@ export default function AdminContact() {
     return cat?.label || category;
   };
 
+  const handleRefreshSubmissions = () => {
+    queryClient.invalidateQueries({ queryKey: ['admin-contact-submissions'] });
+  };
+
   // Show loading state while roles are being fetched
   if (rolesLoading) {
     return (
@@ -335,11 +340,22 @@ export default function AdminContact() {
   return (
     <AdminLayout>
       {/* Header */}
-      <div className="mb-8">
+      <div className="mb-8 flex items-start justify-between">
-        <h1 className="text-4xl font-bold mb-2">Contact Submissions</h1>
+        <div>
-        <p className="text-muted-foreground">
+          <h1 className="text-4xl font-bold mb-2">Contact Submissions</h1>
-          Manage and respond to user contact form submissions
+          <p className="text-muted-foreground">
-        </p>
+            Manage and respond to user contact form submissions
+          </p>
+        </div>
+        <Button
+          variant="outline"
+          size="icon"
+          onClick={handleRefreshSubmissions}
+          disabled={isLoading}
+          title="Refresh submissions"
+        >
+          <RefreshCw className={`h-4 w-4 ${isLoading ? 'animate-spin' : ''}`} />
+        </Button>
       </div>
 
       {/* Stats Cards */}