Refactor code to address issues

src/pages/Operators.tsx

@@ -25,6 +25,7 @@ import { submitCompanyCreation } from '@/lib/companyHelpers';
 import { useAuthModal } from '@/hooks/useAuthModal';
 import { getErrorMessage } from '@/lib/errorHandler';
 import { useDocumentTitle } from '@/hooks/useDocumentTitle';
+import { useOpenGraph } from '@/hooks/useOpenGraph';
 
 const Operators = () => {
   useDocumentTitle('Operators');
@@ -182,6 +183,15 @@ const Operators = () => {
     return filtered;
   }, [operators, searchTerm, sortBy, filters]);
 
+  useOpenGraph({
+    title: 'Park Operators - ThrillWiki',
+    description: `Browse ${filteredAndSortedOperators.length} theme park operators worldwide`,
+    imageUrl: filteredAndSortedOperators[0]?.banner_image_url,
+    imageId: filteredAndSortedOperators[0]?.banner_image_id,
+    type: 'website',
+    enabled: !isLoading
+  });
+
   return (
     <div className="min-h-screen bg-background">
       <Header />