Refactor code to address issues

src/pages/Manufacturers.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 Manufacturers() {
   useDocumentTitle('Manufacturers');
@@ -151,6 +152,15 @@ export default function Manufacturers() {
     });
   }, [companies, searchQuery, filters]);
 
+  useOpenGraph({
+    title: 'Ride Manufacturers - ThrillWiki',
+    description: `Browse ${filteredCompanies.length} ride manufacturers worldwide`,
+    imageUrl: filteredCompanies[0]?.banner_image_url,
+    imageId: filteredCompanies[0]?.banner_image_id,
+    type: 'website',
+    enabled: !loading
+  });
+
   const handleCreateSubmit = async (data: any) => {
     try {
       await submitCompanyCreation(