fix(openapi): fix missing page title (#2175)

* fix(openapi): add page title for OpenApiDocsView

* fix(api-docs-view): add page title for ApiDocsView

src/views/api-docs-view/server/get-api-docs-static-props/index.ts

@@ -181,6 +181,9 @@ export async function getApiDocsStaticProps({
 	 */
 	return {
 		props: {
+			metadata: {
+				title: schema.info.title,
+			},
 			product: productData,
 			pageHeading,
 			layoutProps: {

src/views/api-docs-view/types.ts

@@ -60,6 +60,15 @@ export interface ApiDocsVersionData {
  * Props needed to render `ApiDocsView`.
  */
 export interface ApiDocsViewProps {
+	/**
+	 * Metadata is used to set the page title and description.
+	 * Note this is not used by the view itself, instead we have some magic
+	 * happening at the `_app.tsx` level, where we render `<HeadMetadata />`.
+	 */
+	metadata: {
+		title: string
+	}
+
 	/**
 	 * Layout props drive the breadcrumbs and sidebar in the
 	 * SidebarSidecarLayout we use to render API docs.

src/views/open-api-docs-view/server.ts

@@ -145,14 +145,16 @@ export async function getStaticProps({
 	 */
 	return {
 		props: {
+			metadata: {
+				title: schemaData.info.title,
+			},
 			productData,
 			topOfPageHeading: {
 				text: schemaData.info.title,
 				id: topOfPageId,
 			},
 			releaseStage: targetVersion.releaseStage,
 			descriptionMdx,
-			IS_REVISED_TEMPLATE: true,
 			_placeholder: {
 				productSlug,
 				targetVersion,

src/views/open-api-docs-view/types.ts

@@ -125,7 +125,15 @@ export interface StatusIndicatorConfig {
  * For now, we have a placeholder. We'll expand this as we build out the view.
  */
 export interface OpenApiDocsViewProps {
-	IS_REVISED_TEMPLATE: true
+	/**
+	 * Metadata is used to set the page title and description.
+	 * Note this is not used by the view itself, instead we have some magic
+	 * happening at the `_app.tsx` level, where we render `<HeadMetadata />`.
+	 */
+	metadata: {
+		title: string
+	}
+
 	productData: ProductData
 	topOfPageHeading: {
 		text: string