Implement Phase 3 tasks

src/pages/DesignerDetail.tsx

@@ -15,6 +15,7 @@ import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { submitCompanyUpdate } from '@/lib/companyHelpers';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 
 export default function DesignerDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -168,6 +169,13 @@ export default function DesignerDetail() {
                       {designer.headquarters_location}
                     </div>
                   )}
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="company" 
+                      entityId={designer.id} 
+                      entityName={designer.name}
+                    />
+                  </div>
                 </div>
                 
                 {designer.average_rating > 0 && (

src/pages/ManufacturerDetail.tsx

@@ -15,6 +15,7 @@ import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { submitCompanyUpdate } from '@/lib/companyHelpers';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 
 export default function ManufacturerDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -170,6 +171,13 @@ export default function ManufacturerDetail() {
                       {manufacturer.headquarters_location}
                     </div>
                   )}
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="company" 
+                      entityId={manufacturer.id} 
+                      entityName={manufacturer.name}
+                    />
+                  </div>
                 </div>
                 
                 {manufacturer.average_rating > 0 && (

src/pages/OperatorDetail.tsx

@@ -16,6 +16,7 @@ import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { submitCompanyUpdate } from '@/lib/companyHelpers';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 
 export default function OperatorDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -197,6 +198,13 @@ export default function OperatorDetail() {
                       {operator.headquarters_location}
                     </div>
                   )}
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="company" 
+                      entityId={operator.id} 
+                      entityName={operator.name}
+                    />
+                  </div>
                 </div>
                 
                 {operator.average_rating > 0 && (

src/pages/ParkDetail.tsx

@@ -20,6 +20,8 @@ import { ParkForm } from '@/components/admin/ParkForm';
 import { toast } from '@/hooks/use-toast';
 import { useUserRole } from '@/hooks/useUserRole';
 import { Edit } from 'lucide-react';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
+
 export default function ParkDetail() {
   const {
     slug
@@ -253,6 +255,13 @@ export default function ParkDetail() {
                       <MapPin className="w-5 h-5 mr-2" />
                       {park.location.city && `${park.location.city}, `}{park.location.country}
                     </div>}
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="park" 
+                      entityId={park.id} 
+                      entityName={park.name}
+                    />
+                  </div>
                 </div>
                 
                 {park.average_rating > 0 && <div className="bg-black/20 backdrop-blur-sm rounded-lg p-4 text-center">

src/pages/PropertyOwnerDetail.tsx

@@ -16,6 +16,7 @@ import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
 import { submitCompanyUpdate } from '@/lib/companyHelpers';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 
 export default function PropertyOwnerDetail() {
   const { slug } = useParams<{ slug: string }>();
@@ -197,6 +198,13 @@ export default function PropertyOwnerDetail() {
                       {owner.headquarters_location}
                     </div>
                   )}
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="company" 
+                      entityId={owner.id} 
+                      entityName={owner.name}
+                    />
+                  </div>
                 </div>
                 
                 {owner.average_rating > 0 && (

src/pages/RideDetail.tsx

@@ -43,6 +43,7 @@ import { RideForm } from '@/components/admin/RideForm';
 import { useAuth } from '@/hooks/useAuth';
 import { useUserRole } from '@/hooks/useUserRole';
 import { toast } from '@/hooks/use-toast';
+import { VersionIndicator } from '@/components/versioning/VersionIndicator';
 
 export default function RideDetail() {
   const { parkSlug, rideSlug } = useParams<{ parkSlug: string; rideSlug: string }>();
@@ -251,6 +252,13 @@ export default function RideDetail() {
                     <MapPin className="w-5 h-5 mr-2" />
                     {ride.park.name}
                   </div>
+                  <div className="mt-3">
+                    <VersionIndicator 
+                      entityType="ride" 
+                      entityId={ride.id} 
+                      entityName={ride.name}
+                    />
+                  </div>
                 </div>
                 
                 {ride.average_rating > 0 && (