feat(content-strategy): ✨ Introduce dedicated content strategy pages, update routing in App.tsx, and add reusable FileLink component

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>

features/content-strategy/frontend-dev/src/App.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { Routes, Route } from '@lilith/ui-router';

features/content-strategy/frontend-dev/src/components/FileLink.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { Link } from '@lilith/ui-router';

features/content-strategy/frontend-dev/src/main.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { bootstrap } from '@lilith/service-react-bootstrap';

features/content-strategy/frontend-dev/src/pages/ContentReadinessPage.tsx

@@ -54,6 +54,7 @@ const ThRotated = styled.th`
   height: 120px;
   width: 56px;
   min-width: 56px;
+  max-width: 56px;
   padding: 0;
   vertical-align: bottom;
   text-align: center;
@@ -69,6 +70,7 @@ const RotatedLabel = styled.div`
   letter-spacing: 0.03em;
   padding-bottom: 0.5rem;
   white-space: nowrap;
+  margin: 0 auto;
 `;
 
 const ThTopic = styled.th`
@@ -146,6 +148,7 @@ const DotCell = styled.td`
   line-height: 1;
   width: 56px;
   min-width: 56px;
+  max-width: 56px;
 `;
 
 const FilledDot = styled.span`

features/content-strategy/frontend-dev/src/pages/DashboardPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { MetricCard, DashboardLayout, DashboardWidget } from '@lilith/ui-analytics';

features/content-strategy/frontend-dev/src/pages/DocumentViewerPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useState, useEffect } from 'react';

features/content-strategy/frontend-dev/src/pages/DomainsPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useState } from 'react';

features/content-strategy/frontend-dev/src/pages/FileHealthPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useState, useMemo } from 'react';

features/content-strategy/frontend-dev/src/pages/IdeasPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useRef, useCallback } from 'react';

features/content-strategy/frontend-dev/src/pages/InventoryPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useState, useMemo } from 'react';

features/content-strategy/frontend-dev/src/pages/MerchPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import styled from '@lilith/ui-styled-components';

features/content-strategy/frontend-dev/src/pages/NarrativeMapPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useCallback } from 'react';

features/content-strategy/frontend-dev/src/pages/PressPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import styled from '@lilith/ui-styled-components';

features/content-strategy/frontend-dev/src/pages/StoryArcPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useMemo } from 'react';

features/content-strategy/frontend-dev/src/pages/ThreadInterplayPage.tsx

@@ -1,4 +1,3 @@
-/** @jsxImportSource react */
 
 import type { JSX } from 'react';
 import { useState, useMemo } from 'react';