fix(md): ensure </details> tag is on newline (#458)

fix(md): ensure </details> is on newline

scripts/tasks/md-fixers.ts

@@ -109,6 +109,19 @@ const newLineOnAdmonition = (line: string) => {
   return line;
 };
 
+/**
+ * MDX requires </details> tag to be on its own line for some reason.
+ * @param line
+ */
+const newLineOnDetails = (line: string) => {
+  if (line.trim().endsWith(' </details>')) {
+    const restOfContent = line.trim().split(' </details>')[0];
+    return `${restOfContent}\n</details>`;
+  }
+
+  return line;
+};
+
 /**
  * Applies any transformation that can be executed line by line on
  * the document to make sure it is ready to be consumed by
@@ -125,6 +138,7 @@ const transform = (doc: string) => {
     fiddleTransformer,
     newLineOnHTMLComment,
     newLineOnAdmonition,
+    newLineOnDetails,
   ];
 
   for (const line of lines) {