feat(dashboard): metadata component (#7117)

**What**
- add new metadata component

**Note**
- _example of usage on customer edit form_
- we are not handling update metadata case in the internal module service so for now delete case doesn't work properly

---


https://github.com/medusajs/medusa/assets/16856471/b588752d-9cf5-4d96-9cf8-760a764ab03e

packages/admin-ui/ui/src/domain/customers/groups/customer-group-modal.tsx

@@ -5,6 +5,7 @@ import {
 } from "medusa-react"
 import { useEffect } from "react"
 import { useForm } from "react-hook-form"
+import { useTranslation } from "react-i18next"
 import {
   CustomerGroupGeneralForm,
   CustomerGroupGeneralFormType,
@@ -20,7 +21,6 @@ import Modal from "../../../components/molecules/modal"
 import useNotification from "../../../hooks/use-notification"
 import { getErrorMessage } from "../../../utils/error-messages"
 import { nestedForm } from "../../../utils/nested-form"
-import { useTranslation } from "react-i18next"
 
 type CustomerGroupModalProps = {
   open: boolean