Add Cricket Docs To Dev Server (#14097)

Adds documentation for the cricket scorecard page, which can be rendered
on dotcom only.

The cricket scorecard pages go out of date over time and no longer
provide cricket data. In addition, the scorecards that appear on
liveblogs also go out of date and disappear from the page. Therefore
we should not link directly to these pages from the docs, but instead
link to a list of recent cricket liveblogs. These should have up-to-date
data, and links to the scorecard pages.

Author: JamieB-gu

dotcom-rendering/src/devServer/docs/cricketScorecard.tsx

@@ -0,0 +1,17 @@
+import { Available } from './available';
+
+export const CricketScorecard = () => (
+	<>
+		<Available targets={['dotcom']} />
+		<p>
+			These pages are summaries of cricket matches, and contain various
+			statistics about a match, including batters, bowlers, and the fall
+			of wickets. They are typically reached from a link at the top of
+			some recent{' '}
+			<a href="https://www.theguardian.com/sport/cricket+tone/minutebyminute">
+				cricket liveblogs
+			</a>
+			, which are a kind of <a href="../article">article</a>.
+		</p>
+	</>
+);

dotcom-rendering/src/devServer/routers/dotcom.ts

@@ -1,5 +1,6 @@
 import { Router } from 'express';
 import { Article } from '../docs/article';
+import { CricketScorecard } from '../docs/cricketScorecard';
 import { Dotcom } from '../docs/dotcom';
 import { FootballFixtures } from '../docs/footballFixtures';
 import { FootballLive } from '../docs/footballLive';
@@ -31,5 +32,9 @@ dotcom.get(
 	'/football-match-summary',
 	sendReact('Football Match Summary', FootballMatchSummary),
 );
+dotcom.get(
+	'/cricket-scorecard',
+	sendReact('Cricket Scorecard', CricketScorecard),
+);
 
 export { dotcom };

dotcom-rendering/src/devServer/routers/pages.ts

@@ -1,5 +1,6 @@
 import { Router } from 'express';
 import { Article } from '../docs/article';
+import { CricketScorecard } from '../docs/cricketScorecard';
 import { FootballFixtures } from '../docs/footballFixtures';
 import { FootballLive } from '../docs/footballLive';
 import { FootballMatchSummary } from '../docs/footballMatchSummary';
@@ -31,5 +32,9 @@ pages.get(
 	'/football-match-summary',
 	sendReact('Football Match Summary', FootballMatchSummary),
 );
+pages.get(
+	'/cricket-scorecard',
+	sendReact('Cricket Scorecard', CricketScorecard),
+);
 
 export { pages };