refactor(ui): update translation field references

Update all UI components to reference 'translations' instead of 'i18n'
following the type system refactor.

Changes:
- Update all detail pages ([slug]/page.tsx) to handle docsUrl properly
- Update all list pages (page.client.tsx) search to use translations field
- Update landscape-data.ts to convert null to undefined for docsUrl

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

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ericyangpan

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

@@ -75,7 +75,7 @@ export default async function CLIPage({
   const tGlobal = await getTranslations({ locale })
 
   const websiteUrl = cli.resourceUrls?.download || cli.websiteUrl
-  const docsUrl = cli.docsUrl
+  const docsUrl = cli.docsUrl || undefined
 
   // Transform resourceUrls to component format (convert null to undefined)
   const resourceUrls: ComponentResourceUrls = {

src/app/[locale]/clis/page.client.tsx

@@ -37,15 +37,15 @@ export default function CLIsPageClient({ locale }: Props) {
   const filteredAndSortedClis = useMemo(() => {
     let result = [...localizedClis]
 
-    // Apply search filter (search in name and i18n fields)
+    // Apply search filter (search in name and translations fields)
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase()
       result = result.filter(cli => {
         // Search in main name
         if (cli.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (cli.i18n) {
-          return Object.values(cli.i18n).some(
+        // Search in translations names if available
+        if (cli.translations) {
+          return Object.values(cli.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&

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

@@ -70,7 +70,7 @@ export default async function ExtensionPage({
   const tGlobal = await getTranslations({ locale })
 
   const websiteUrl = extension.resourceUrls?.download || extension.websiteUrl
-  const docsUrl = extension.docsUrl
+  const docsUrl = extension.docsUrl || undefined
 
   // Schema.org structured data
   const softwareApplicationSchema = {

src/app/[locale]/extensions/page.client.tsx

@@ -37,15 +37,15 @@ export default function ExtensionsPageClient({ locale }: Props) {
   const filteredAndSortedExtensions = useMemo(() => {
     let result = [...localizedExtensions]
 
-    // Apply search filter (search in name and i18n fields)
+    // Apply search filter (search in name and translations fields)
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase()
       result = result.filter(extension => {
         // Search in main name
         if (extension.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (extension.i18n) {
-          return Object.values(extension.i18n).some(
+        // Search in translations names if available
+        if (extension.translations) {
+          return Object.values(extension.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&

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

@@ -76,7 +76,7 @@ export default async function IDEPage({
   const tGlobal = await getTranslations({ locale })
 
   const websiteUrl = ide.resourceUrls?.download || ide.websiteUrl
-  const docsUrl = ide.docsUrl
+  const docsUrl = ide.docsUrl || undefined
 
   // Transform resourceUrls to component format (convert null to undefined)
   const resourceUrls: ComponentResourceUrls = {

src/app/[locale]/ides/page.client.tsx

@@ -43,9 +43,9 @@ export default function IDEsPageClient({ locale }: Props) {
       result = result.filter(ide => {
         // Search in main name
         if (ide.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (ide.i18n) {
-          return Object.values(ide.i18n).some(
+        // Search in translations names if available
+        if (ide.translations) {
+          return Object.values(ide.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&

src/app/[locale]/model-providers/[slug]/page.tsx

@@ -60,7 +60,7 @@ export default async function ProviderPage({
   const tGlobal = await getTranslations({ locale })
 
   const websiteUrl = provider.websiteUrl
-  const docsUrl = provider.docsUrl
+  const docsUrl = provider.docsUrl || undefined
 
   // Configuration for AI platform links
   const AI_PLATFORM_LINKS = [

src/app/[locale]/model-providers/page.client.tsx

@@ -32,15 +32,15 @@ export default function ModelProvidersPageClient({ locale }: Props) {
   const filteredProviders = useMemo(() => {
     let result = [...localizedProviders]
 
-    // Apply search filter (search in name and i18n fields)
+    // Apply search filter (search in name and translations fields)
     if (searchQuery.trim()) {
       const query = searchQuery.toLowerCase()
       result = result.filter(provider => {
         // Search in main name
         if (provider.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (provider.i18n) {
-          return Object.values(provider.i18n).some(
+        // Search in translations names if available
+        if (provider.translations) {
+          return Object.values(provider.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&

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

@@ -38,9 +38,9 @@ export default function ModelsPageClient({ locale }: Props) {
       result = result.filter(model => {
         // Search in main name
         if (model.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (model.i18n) {
-          return Object.values(model.i18n).some(
+        // Search in translations names if available
+        if (model.translations) {
+          return Object.values(model.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&

src/app/[locale]/vendors/page.client.tsx

@@ -38,9 +38,9 @@ export default function VendorsPageClient({ locale }: Props) {
       result = result.filter(vendor => {
         // Search in main name
         if (vendor.name.toLowerCase().includes(query)) return true
-        // Search in i18n names if available
-        if (vendor.i18n) {
-          return Object.values(vendor.i18n).some(
+        // Search in translations names if available
+        if (vendor.translations) {
+          return Object.values(vendor.translations).some(
             translation =>
               typeof translation === 'object' &&
               translation !== null &&