src/entities/project/ui/DetailedProjectCard/DetailedProjectCard.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import { Card } from '$shared/ui';
+import { Card, RichText } from '$shared/ui';
 import { ProjectMetadata } from '../ProjectMetadata/ProjectMetadata';
 
 type Props = {
@@ -20,7 +20,7 @@ type Props = {
    */
   stack: string[];
   /**
-   * Project description paragraph
+   * Project description as HTML from the PocketBase rich-text editor
    */
   description: string;
   /**
@@ -51,7 +51,7 @@ export function DetailedProjectCard({ title, year, role, stack, description, det
       <div className="lg:col-span-10 order-1 lg:order-2">
         <Card>
           <h3>{title}</h3>
-          <p className="text-lg mb-6">{description}</p>
+          <RichText html={description} className="text-lg mb-6" />
 
           {imageUrl && (
             <div className="brutal-border aspect-video bg-blue overflow-hidden relative">