refactor: Use frontmatter title for page titles (#11223)

* refactor: use frontmatter title for page titles

* use correct platform title

Author: chargome

app/[[...path]]/page.tsx

@@ -19,7 +19,6 @@ import {isDeveloperDocs} from 'sentry-docs/isDeveloperDocs';
 import {getDevDocsFrontMatter, getDocsFrontMatter, getFileBySlug} from 'sentry-docs/mdx';
 import {mdxComponents} from 'sentry-docs/mdxComponents';
 import {setServerContext} from 'sentry-docs/serverContext';
-import {formatGuideOrPlatformTitle} from 'sentry-docs/utils';
 
 export async function generateStaticParams() {
   const docs = await (isDeveloperDocs ? getDevDocsFrontMatter() : getDocsFrontMatter());
@@ -141,9 +140,7 @@ export async function generateMetadata({params}: MetadataProps): Promise<Metadat
       const guideOrPlatform = getCurrentPlatformOrGuide(rootNode, params.path);
       title =
         pageNode.frontmatter.title +
-        (guideOrPlatform
-          ? ` | Sentry for ${formatGuideOrPlatformTitle(guideOrPlatform.name)}`
-          : '');
+        (guideOrPlatform ? ` | Sentry for ${guideOrPlatform.title}` : '');
       description = pageNode.frontmatter.description ?? '';
     }
   }

src/utils.ts

@@ -18,42 +18,6 @@ export const capitalize = (str: string) => {
   return str.charAt(0).toUpperCase() + str.slice(1);
 };
 
-export const formatGuideOrPlatformTitle = (title: string) => {
-  const lowerCase = title.toLowerCase();
-
-  switch (lowerCase) {
-    case 'ios':
-      return 'iOS';
-
-    case 'macos':
-      return 'macOS';
-
-    case 'tvos':
-      return 'tvOS';
-
-    case 'visionos':
-      return 'visionOS';
-
-    case 'watchos':
-      return 'watchOS';
-
-    case 'dotnet':
-      return '.NET';
-
-    case 'kotlin-multiplatform':
-      return 'Kotlin Multiplatform';
-
-    case 'php':
-      return 'PHP';
-
-    case 'react-native':
-      return 'React Native';
-
-    default:
-      return capitalize(title);
-  }
-};
-
 export const uniqByReference = <T>(arr: T[]): T[] => Array.from(new Set(arr));
 
 export const splitToChunks = <T>(numChunks: number, arr: T[]): T[][] => {