Refactor code to address issues

src/pages/ParkOwners.tsx

@@ -19,6 +19,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 ParkOwners = () => {
   useDocumentTitle('Property Owners');
@@ -119,6 +120,15 @@ const ParkOwners = () => {
     return filtered;
   }, [parkOwners, searchTerm, sortBy, filterBy]);
 
+  useOpenGraph({
+    title: 'Property Owners - ThrillWiki',
+    description: `Browse ${filteredAndSortedOwners.length} theme park property owners worldwide`,
+    imageUrl: filteredAndSortedOwners[0]?.banner_image_url,
+    imageId: filteredAndSortedOwners[0]?.banner_image_id,
+    type: 'website',
+    enabled: !isLoading
+  });
+
   return (
     <div className="min-h-screen bg-background">
       <Header />