feat: Add markdown components

packages/ui/src/components/Markdown/MarkdownHR/MarkdownHR.tsx

@@ -0,0 +1,12 @@
+import React, { memo } from 'react';
+
+import { Separator } from '../../Separator/Separator';
+
+import type { SeparatorProps } from '../../Separator/Separator';
+
+/**
+ * A Markdown horizontal rule component that wraps the design system Separator.
+ */
+export const MarkdownHR = memo(function MarkdownHR(props: SeparatorProps) {
+  return <Separator className="my-8" {...props} />;
+});