Create snaps POC using design system react components

### **Description**

Create a proof-of-concept (POC) demonstrating the integration of the MetaMask Snaps abstraction layer with the MetaMask extension, utilizing design-system-react components. This POC aims to showcase the migration process and the functionality of the design system components when used with Snaps.

### **Technical Details**

- Leverage the abstraction layer between MetaMask Snaps and the MetaMask extension to implement a working example.
- Integrate and utilize design-system-react components within the Snaps framework to showcase UI consistency.
- Ensure the POC is aligned with MetaMask's coding standards and development guidelines.
- Document the process of migration and integration to assist other developers in adopting design-system-react components with Snaps.

### **Acceptance Criteria**

- A working POC demonstrating:
- Proper communication between the abstraction layer and the MetaMask extension.
- Use of design-system-react components in the Snap.
- Clear documentation covering:
- Steps for migration.
- Examples of implemented design-system-react components.
- Key challenges and resolutions during integration.
- Testing to ensure seamless integration and functionality.

### **References**

- [MetaMask Snaps documentation](https://docs.metamask.io/snaps)
- [MetaMask design system](https://github.com/MetaMask/design-system)