feat(dev): Added react docs for Pattern + refactor

This adds support for not only documenating components, but also
constants and functions that may be exported next to components.

sites/dev/docs/reference/packages/react/components/layout/readme.mdx

@@ -15,10 +15,13 @@ import {
   NoTitleLayoutExample,
 } from './_examples.js'
 
-
 <DocusaurusDoc>
 
-The __Layout__ component family provides the following components:
+- [Components](#components)
+
+## Components
+
+The **Layout** component family provides the following components:
 
 - [BaseLayout](#baselayout)
 - [BaseLayoutLeft](#baselayoutleft)
@@ -28,25 +31,32 @@ The __Layout__ component family provides the following components:
 - [Layout](#layout)
 - [NoTitleLayout](#notitlelayout)
 
-## BaseLayout
+### BaseLayout
+
 <ComponentDocs docs={jsdoc.jsdocBaseLayout} example={BaseLayoutExample} />
 
-## BaseLayoutLeft
+### BaseLayoutLeft
+
 <ComponentDocs docs={jsdoc.jsdocBaseLayoutLeft} example={BaseLayoutLeftExample} />
 
-## BaseLayoutProse
+### BaseLayoutProse
+
 <ComponentDocs docs={jsdoc.jsdocBaseLayoutProse} example={BaseLayoutProseExample} />
 
-## BaseLayoutRight
+### BaseLayoutRight
+
 <ComponentDocs docs={jsdoc.jsdocBaseLayoutRight} example={BaseLayoutRightExample} />
 
-## BaseLayoutWide
+### BaseLayoutWide
+
 <ComponentDocs docs={jsdoc.jsdocBaseLayoutWide} example={BaseLayoutWideExample} />
 
-## Layout
+### Layout
+
 <ComponentDocs docs={jsdoc.jsdocLayout} example={LayoutExample} />
 
-## NoTitleLayout
+### NoTitleLayout
+
 <ComponentDocs docs={jsdoc.jsdocNoTitleLayout} example={NoTitleLayoutExample} />
 
 </DocusaurusDoc>