refactor: remove pricing display from model pages and product hero

- Remove pricing prop and display logic from ProductHero component
- Remove unused client-side directive (no longer needed without pricing state)
- Remove pricing pass-through from model detail page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: ericyangpan

src/app/[locale]/models/[slug]/page.tsx

@@ -127,11 +127,6 @@ export default async function ModelPage({
             },
           ].filter(Boolean) as { label: string; value: string }[]
         }
-        pricing={
-          pricingDisplayForSchema
-            ? { label: t('labels.pricing'), value: pricingDisplayForSchema }
-            : undefined
-        }
         additionalUrls={
           [
             model.docsUrl && {

src/components/product/ProductHero.tsx

@@ -1,5 +1,3 @@
-'use client'
-
 import { useTranslations } from 'next-intl'
 import React from 'react'
 import { VerifiedBadge } from '@/components/VerifiedBadge'
@@ -82,7 +80,6 @@ export function ProductHero({
   platforms,
   showAllPlatforms = false,
   additionalInfo,
-  pricing,
   type,
   websiteUrl,
   githubUrl,
@@ -235,18 +232,6 @@ export function ProductHero({
           </div>
         )}
 
-        {/* Pricing (for display in hero) */}
-        {pricing && (
-          <div className="mb-[var(--spacing-lg)]">
-            <div className="inline-flex items-center gap-[var(--spacing-xs)] px-[var(--spacing-md)] py-[var(--spacing-sm)] bg-[var(--color-hover)] border border-[var(--color-border)]">
-              <span className="text-xs text-[var(--color-text-muted)] uppercase tracking-wider font-medium">
-                {pricing.label}:
-              </span>
-              <span className="text-sm font-medium">{pricing.value}</span>
-            </div>
-          </div>
-        )}
-
         {/* Type (for providers) */}
         {type && labels?.typeValue && (
           <div className="flex justify-center mb-[var(--spacing-lg)]">