Refactor PuzzlePageLayout to mirror CrosswordLayout

Restructure PuzzlePageLayout to use the same Article-domain components (ArticleTitle, ArticleHeadline, ArticleMeta, SubMeta, DiscussionLayout, StickyBottomBanner) and grid structure as CrosswordLayout, while keeping Puzzle-specific content. The puzzleGroup label is now rendered as a real section link through ArticleTitle instead of plain text. Update design format from Standard to Crossword to reuse existing width-handling logic. Add proper ad slot handling (header, survey, merchandising) and comments section (hardcoded off). Extensive comments document hardcoded fallback values for fields not present in FEPuzzlePageType.

Author: andresilva-guardian

dotcom-rendering/src/layouts/PuzzlePageLayout.test.tsx

@@ -76,13 +76,12 @@ describe('PuzzlePageLayout', () => {
 		expect(screen.queryByText('11 September 2026')).not.toBeInTheDocument();
 	});
 
-	it('renders the puzzleGroup label as plain, non-linked text', () => {
+	it('renders the puzzleGroup label as a real section link, exactly like CrosswordLayout/ArticleTitle', () => {
 		renderPuzzlePageLayout('sudoku-easy');
 
 		expect(
-			screen.queryByRole('link', { name: 'Logic puzzles' }),
-		).not.toBeInTheDocument();
-		expect(screen.getByText('Logic puzzles')).toBeInTheDocument();
+			screen.getByRole('link', { name: 'Logic puzzles' }),
+		).toBeInTheDocument();
 	});
 
 	describe('print button (Sudoku-only, per PR #16700 review)', () => {