feat: markdown fixes (#591)

components/ui/markdown.tsx

@@ -692,7 +692,7 @@ const REACT_MARKDOWN_CONFIG = (darkMode: boolean): CustomComponents => ({
   ol: ({ ordered, ...props }) =>
     createMarkdownElement(ordered ? "ol" : "ul", {
       className:
-        "list-decimal text-tuatara-600 font-sans text-lg font-normal mt-3 dark:text-tuatara-200",
+        "ml-6 list-decimal text-tuatara-600 font-sans text-lg font-normal mt-3 dark:text-tuatara-200",
       ...props,
     }),
   table: Table,
@@ -826,6 +826,11 @@ const REACT_MARKDOWN_CONFIG = (darkMode: boolean): CustomComponents => ({
         "w-auto w-auto mx-auto rounded-lg object-cover dark:bg-white dark:p-3",
       ...props,
     }),
+  blockquote: ({ children }) => (
+    <blockquote className="border-l-4 border-tuatara-400 dark:border-tuatara-500 pl-4 italic text-tuatara-600 dark:text-tuatara-300">
+      {children}
+    </blockquote>
+  ),
   "footnote-ref": ({ identifier, label }) => {
     const handleClick = useCallback(
       (e: React.MouseEvent) => {

content/articles/privacy-experience-report.md

@@ -274,7 +274,7 @@ Fluidkey UI
 
 → Frame privacy as _trustable infrastructure_ — emphasizing stability, safety, and proof over abstraction.
 
-## Map to p**ain points vs opportunities and provide design suggestions**
+## Map to pain points vs opportunities and provide design suggestions
 
 _Summarize the themes we identified as pain points and opportunities_