Adds markdown formatting. Layout and style improvements.

src/components/DocumentList.tsx

@@ -47,7 +47,7 @@ export function DocumentList<T extends AnyDocument>({
   };
 
   return (
-    <section className="w-full max-w-2xl mx-auto">
+    <section className="w-full">
       <div className="flex items-center justify-between">
         <h2 className="text-xl font-bold text-slate-100">{title}</h2>
         <div className="flex gap-2">
@@ -78,7 +78,7 @@ export function DocumentList<T extends AnyDocument>({
         {items.map((item) => (
           <li
             key={item.id}
-            className="p-4 bg-slate-800 rounded text-slate-100 flex flex-row justify-between items-center"
+            className="p-2 m-0 border-b-1 last:border-0 border-slate-700 flex flex-row justify-between items-center"
           >
             {renderRow(item)}