fix(routes): update rich text content handling to display CMS data

Author: stephenway

README.md

@@ -94,7 +94,7 @@ overland/
 
 ```bash
 # Clone and setup
-git clone <your-repo-url>
+git clone https://github.com/alloy-lab/overland.git
 cd overland
 cp env.example .env
 

apps/web/app/components/PerformanceMonitor.tsx

@@ -19,12 +19,8 @@ export function DevTools({
   useEffect(() => {
     if (!enabled) return;
 
-    // Add some initial test data for demonstration
-    setMetrics([
-      { name: 'FCP', value: 1200, timestamp: Date.now() - 1000 },
-      { name: 'LCP', value: 2100, timestamp: Date.now() - 2000 },
-      { name: 'CLS', value: 0.05, timestamp: Date.now() - 3000 },
-    ]);
+    // Initialize with empty metrics - will be populated by real performance data
+    setMetrics([]);
 
     // Listen for custom performance events
     const handlePerformanceEvent = (event: CustomEvent) => {

apps/web/app/lib/routes/pages.$slug.tsx

@@ -55,10 +55,10 @@ export default function PagesDetail({
         )}
 
         <div className='prose prose-lg max-w-none'>
-          {/* Rich text content would be rendered here */}
+          {/* Rich text content from CMS */}
           <div
             dangerouslySetInnerHTML={{
-              __html: 'Rich text content rendering needed',
+              __html: page.content || '<p>No content available.</p>',
             }}
           />
         </div>

apps/web/app/routes/pages.$slug.simple.tsx

@@ -112,10 +112,10 @@ export default function PagesDetail({
         )}
 
         <div className='prose prose-lg max-w-none'>
-          {/* Rich text content would be rendered here */}
+          {/* Rich text content from CMS */}
           <div
             dangerouslySetInnerHTML={{
-              __html: 'Rich text content rendering needed',
+              __html: page.content || '<p>No content available.</p>',
             }}
           />
         </div>

apps/web/app/routes/pages.$slug.tsx

@@ -116,10 +116,10 @@ export default function PagesDetail({
         )}
 
         <div className='prose prose-lg max-w-none'>
-          {/* Rich text content would be rendered here */}
+          {/* Rich text content from CMS */}
           <div
             dangerouslySetInnerHTML={{
-              __html: 'Rich text content rendering needed',
+              __html: page.content || '<p>No content available.</p>',
             }}
           />
         </div>

apps/web/app/routes/pages.$slug.ultra-simple.tsx

@@ -109,7 +109,7 @@ export default function PagesDetail({
         <div className='prose prose-lg max-w-none'>
           <div
             dangerouslySetInnerHTML={{
-              __html: 'Rich text content rendering needed',
+              __html: page.content || '<p>No content available.</p>',
             }}
           />
         </div>