chore: spreading props in the text component for design system react

[georgewrmarshall]

Description

This PR adds support for spreading additional HTML attributes to the Text component, allowing for better component flexibility and testing capabilities. The changes include:

1. Adding spread operator support in the Text component to pass through additional props
2. Adding a test case to verify props are correctly applied to the underlying element
3. Adding data-test id

Related issues

Fixes: N/A

Manual testing steps

1. Import the Text component
2. Verify that HTML attributes (like data-testid) can be passed and are applied correctly
3. Verify existing functionality continues to work as expected

Screenshots/Recordings

N/A - Component behavior change only

Before

HTML attributes could not be passed through to the underlying element

After

HTML attributes can now be passed through and applied to the underlying element

Pre-merge author checklist

• I've followed MetaMask Contributor Docs
• 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

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.

[georgewrmarshall]

Hmm unfortunately this is still needed for this issue #409 (comment)