Refactor code to address issues

src/pages/Designers.tsx

@@ -24,6 +24,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';
 
 export default function Designers() {
   useDocumentTitle('Designers');
@@ -164,6 +165,15 @@ export default function Designers() {
     });
   }, [companies, searchQuery, filters]);
 
+  useOpenGraph({
+    title: 'Ride Designers - ThrillWiki',
+    description: `Browse ${filteredCompanies.length} ride designers worldwide`,
+    imageUrl: filteredCompanies[0]?.banner_image_url,
+    imageId: filteredCompanies[0]?.banner_image_id,
+    type: 'website',
+    enabled: !loading
+  });
+
   if (loading) {
     return (
       <div className="min-h-screen bg-background">