Adds markdown formatting. Layout and style improvements.

src/components/documents/BasicRow.tsx

@@ -1,11 +1,11 @@
-import type { AnyDocument, DocumentId } from "@/lib/types";
+import type { AnyDocument } from "@/lib/types";
+import { FormattedText } from "../FormattedText";
 import { DocumentLink } from "./DocumentLink";
 
 export type Props = {
   doc: AnyDocument;
-  title: string;
+  title?: string;
   description?: string;
-  link: (id: DocumentId) => string;
 };
 
 /**
@@ -16,11 +16,11 @@ export const BasicRow = ({ doc, title, description }: Props) => {
     <div>
       <DocumentLink
         childDocId={doc.id}
-        className="text-lg !no-underline text-slate-100 hover:underline hover:text-violet-400"
+        className="!no-underline text-slate-100 hover:underline hover:text-violet-400"
       >
-        <h4>{title}</h4>
+        {title && <h4 className="font-bold">{title}</h4>}
+        {description && <FormattedText>{description}</FormattedText>}
       </DocumentLink>
-      {description && <p>{description}</p>}
     </div>
   );
 };