Add moderation queue tables

src/components/layout/Header.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Search, Menu, Zap, MapPin, Star, ChevronDown, Building, Users, Crown, Palette } from 'lucide-react';
+import { Search, Menu, Zap, MapPin, Star, ChevronDown, Building, Users, Crown, Palette, Shield } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
@@ -9,8 +9,11 @@ import { Link, useNavigate } from 'react-router-dom';
 import { SearchDropdown } from '@/components/search/SearchDropdown';
 import { AuthButtons } from '@/components/auth/AuthButtons';
 import { ThemeToggle } from '@/components/theme/ThemeToggle';
+import { useUserRole } from '@/hooks/useUserRole';
+
 export function Header() {
   const navigate = useNavigate();
+  const { isModerator } = useUserRole();
   return <header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-16 items-center justify-between px-4">
         {/* Logo and Brand */}
@@ -67,6 +70,14 @@ export function Header() {
 
         {/* User Actions */}
         <div className="flex items-center gap-2">
+          {isModerator() && (
+            <Button variant="ghost" size="sm" asChild>
+              <Link to="/admin" className="flex items-center gap-2">
+                <Shield className="w-4 h-4" />
+                Admin
+              </Link>
+            </Button>
+          )}
           <ThemeToggle />
           <AuthButtons />