[react] feat: Added docs for components/Profile

sites/dev/docs/reference/packages/react/components/profile/_examples.js

@@ -0,0 +1,7 @@
+import React from 'react'
+import { Avatar, OwnProfile, UserProfile } from '@freesewing/react/components/Profile'
+
+export const AvatarExample = () => <Avatar ihash="7bf3d6a154885eb2c4f56e2bf54b3666d8fb634b72c07c971511816ed0298c79" />
+
+export const OwnProfileExample = OwnProfile
+export const UserProfileExample = () => <UserProfile uid={1} />

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

@@ -2,6 +2,33 @@
 title: Profile
 ---
 
-:::note
-This page is yet to be created
-:::
+import { DocusaurusDoc } from '@freesewing/react/components/Docusaurus'
+import { ComponentDocs } from '@site/src/components/component-docs.js'
+import * as jsdoc from '@site/prebuild/jsdoc/components.profile.mjs'
+import { AvatarExample, OwnProfileExample, UserProfileExample } from './_examples.js'
+
+<DocusaurusDoc>
+
+- [Components](#components)
+
+## Components
+
+The **Json** component family provides the following components:
+
+- [Avatar](#avatar)
+- [OwnProfile](#ownprofile)
+- [UserProfile](#userprofile)
+
+### Avatar
+
+<ComponentDocs docs={jsdoc.jsdocAvatar} example={AvatarExample} />
+
+### OwnProfile
+
+<ComponentDocs docs={jsdoc.jsdocOwnProfile} example={OwnProfileExample} />
+
+### UserProfile
+
+<ComponentDocs docs={jsdoc.jsdocUserProfile} example={UserProfileExample} />
+
+</DocusaurusDoc>