feat: Centralize Auth Modal and require auth for actions

src/pages/Operators.tsx

@@ -16,11 +16,13 @@ import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { submitCompanyCreation } from '@/lib/companyHelpers';
+import { useAuthModal } from '@/hooks/useAuthModal';
 
 const Operators = () => {
   const navigate = useNavigate();
   const { user } = useAuth();
   const { isModerator } = useUserRole();
+  const { requireAuth } = useAuthModal();
   const [searchTerm, setSearchTerm] = useState('');
   const [sortBy, setSortBy] = useState('name');
   const [filterBy, setFilterBy] = useState('all');
@@ -59,10 +61,7 @@ const Operators = () => {
 
   const handleCreateSubmit = async (data: any) => {
     try {
-      if (!user) {
-        navigate('/auth');
-        return;
-      }
+      if (!user) return;
 
       await submitCompanyCreation(
         data,
@@ -147,13 +146,7 @@ const Operators = () => {
 
             <div className="flex items-center gap-2">
               <Button 
-                onClick={() => {
-                  if (!user) {
-                    navigate('/auth');
-                  } else {
-                    setIsCreateModalOpen(true);
-                  }
-                }}
+                onClick={() => requireAuth(() => setIsCreateModalOpen(true), "Sign in to add an operator")}
                 className="gap-2"
               >
                 <Plus className="w-4 h-4" />