Refactor code to address issues

src/pages/OwnerParks.tsx

@@ -16,6 +16,7 @@ import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Grid3X3, List } from 'lucide-react';
 import { FilterState, SortState } from './Parks';
 import { useDocumentTitle } from '@/hooks/useDocumentTitle';
+import { useOpenGraph } from '@/hooks/useOpenGraph';
 
 const initialFilters: FilterState = {
   search: '',
@@ -145,6 +146,17 @@ export default function OwnerParks() {
     return filtered;
   }, [parks, filters, sort]);
 
+  useOpenGraph({
+    title: owner ? `Parks by ${owner.name} - ThrillWiki` : 'Owner Parks',
+    description: owner 
+      ? `Explore ${filteredAndSortedParks.length} theme parks owned by ${owner.name}` 
+      : undefined,
+    imageUrl: owner?.banner_image_url || filteredAndSortedParks[0]?.banner_image_url,
+    imageId: owner?.banner_image_id || filteredAndSortedParks[0]?.banner_image_id,
+    type: 'website',
+    enabled: !!owner && !loading
+  });
+
   if (loading) {
     return (
       <div className="min-h-screen bg-background">