fix markdown handler for list items

frontend/src/features/docs/handlers.tsx

···
     return `<p class="mb-4 leading-relaxed text-zinc-700 dark:text-zinc-300">${text}</p>`;
   };
 
-  // Custom list renderers
-  renderer.list = function (token: Tokens.List) {
-    const ordered = token.ordered;
-    const body = token.items
-      .map((item: Tokens.ListItem) => {
-        const text = this.parser.parseInline(item.tokens);
-        return `<li class="mb-1">${text}</li>`;
-      })
-      .join("");
-    const tag = ordered ? "ol" : "ul";
-    const listStyle = ordered ? "list-decimal" : "list-disc";
-    return `<${tag} class="${listStyle} list-inside my-4 text-zinc-700 dark:text-zinc-300">${body}</${tag}>`;
+  // Custom list renderer - wrap with classes
+  const originalList = renderer.list.bind(renderer);
+  renderer.list = function(token: Tokens.List) {
+    const html = originalList(token);
+    const type = token.ordered ? 'ol' : 'ul';
+    const classNames = token.ordered
+      ? 'list-decimal list-inside my-4 text-zinc-700 dark:text-zinc-300'
+      : 'list-disc list-inside my-4 text-zinc-700 dark:text-zinc-300';
+
+    return html.replace(new RegExp(`<${type}>`), `<${type} class="${classNames}">`);
   };
 
-  renderer.listitem = function (token: Tokens.ListItem) {
-    const text = this.parser.parseInline(token.tokens);
-    return `<li class="mb-1">${text}</li>`;
+  // Custom list item renderer
+  const originalListitem = renderer.listitem.bind(renderer);
+  renderer.listitem = function(token: Tokens.ListItem) {
+    const html = originalListitem(token);
+    return html.replace('<li>', '<li class="mb-1">');
   };
 
   // Custom strong/bold renderer