chore: restructuring design system react component code into folders

[georgewrmarshall]

Description

This PR restructures the existing example components within the design-system-react package by moving them into individual component folders. This organization update aims to prepare for the addition of Text and other new components, promoting better organization and modularity within the component library. This change facilitates easier navigation and scalability as new components are added.

Related Issues

Fixes: N/A

Manual Testing Steps

1. Run storybook locally yarn storybook
2. Confirm that each component still renders correctly without any errors.
3. Run yarn build ensure that components are still built

Screenshots/Recordings

Before

https://github.com/user-attachments/assets/e2d54899-169d-415f-b834-3da2b3de6f60

After

https://github.com/user-attachments/assets/427a04ac-7ec7-42f6-bc86-50dd8d3067d0

Pre-merge Author Checklist

• [x] Followed MetaMask Contributor Docs
• [x] Completed this PR template fully
• [x] Included tests, if applicable
• [x] Documented code changes using JSDoc format, if applicable
• [x] Applied appropriate labels (see labeling guidelines)

Pre-merge Reviewer Checklist

• [ ] Manually tested the PR by pulling and building the branch, running the app, and confirming the functionality of all updated components.
• [ ] Verified that this PR addresses all outlined acceptance criteria and includes necessary evidence (screenshots/recordings if applicable).