Description

This PR allows the usage of the Text component in the Snap UI Value component props.

Related issues

progresses: MetaMask/snaps#2984

Manual testing steps

<Box>
  <Row label="Amount">
    <Value
      value={<Text color="success">1.555 ETH</Text>}
      extra={<Text color="error">2.44 $</Text>}
    />
  </Row>
</Box>

Screenshots/Recordings

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.