Id overflows on error for phone-view

### Description of the bug

This may not be something to worry about as it shouldn't appear in production, but if an id of a component is longer than the `div` it's inside, it'll overflow on smaller screens (e.g. phones).

Should be fixed by a `word-wrap: break-word` if that's optimal.

## Screenshots of overflow

### Steps To Reproduce

1. Add a new component to a page with an id bigger than 32-ish characters
2. Reference the dataModelBinding to something that doesn't exist in the datamodel
3. See error appear in schema

### Additional Information

_No response_

Reproduce the issue by using a component ID longer than about 32 characters and an invalid dataModelBinding, then inspect the schema error rendering and its responsive styles. The work is done when the long ID wraps within the error container on phone-sized screens without disrupting the error display.

Written by the indexing model from the issue text.