Refactor: Uniformly use AuthModalContext

src/pages/DesignerDetail.tsx

@@ -19,6 +19,7 @@ import { submitCompanyUpdate } from '@/lib/companyHelpers';
 import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 import { EntityHistoryTabs } from '@/components/history/EntityHistoryTabs';
 import { trackPageView } from '@/lib/viewTracking';
+import { useAuthModal } from '@/hooks/useAuthModal';
 
 export default function DesignerDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -31,6 +32,7 @@ export default function DesignerDetail() {
   const [statsLoading, setStatsLoading] = useState(true);
   const { user } = useAuth();
   const { isModerator } = useUserRole();
+  const { requireAuth } = useAuthModal();
 
   useEffect(() => {
     if (slug) {
@@ -161,13 +163,7 @@ export default function DesignerDetail() {
           
           <Button 
             variant="outline"
-            onClick={() => {
-              if (!user) {
-                navigate('/auth');
-              } else {
-                setIsEditModalOpen(true);
-              }
-            }}
+            onClick={() => requireAuth(() => setIsEditModalOpen(true), "Sign in to edit this designer")}
           >
             <Edit className="w-4 h-4 mr-2" />
             Edit Designer