[breaking]: FreeSewing v4 (#7297)

Refer to the CHANGELOG for all info.

---------

Co-authored-by: Wouter van Wageningen <wouter.vdub@yahoo.com>
Co-authored-by: Josh Munic <jpmunic@gmail.com>
Co-authored-by: Jonathan Haas <haasjona@gmail.com>

packages/react/components/Account/Id.mjs

@@ -0,0 +1,22 @@
+// Hooks
+import React, { useState } from 'react'
+import { useAccount } from '@freesewing/react/hooks/useAccount'
+
+// Components
+import { Link as WebLink } from '@freesewing/react/components/Link'
+
+/*
+ * Component to display a user ID
+ *
+ * @params {object} props - All React props
+ * @params {function} props.Link - A framework specific Link component for client-side routing
+ */
+export const UserId = ({ Link = false }) => {
+  if (!Link) Link = WebLink
+
+  // Hooks
+  const { account } = useAccount()
+  const [id, setId] = useState(account.id)
+
+  return id || null
+}