[Bug] Meta data in DBT Docs extends outside screen with no scrollbar

### Is this a new bug in dbt-core?

- [X] I believe this is a new bug in dbt-core
- [X] I have searched the existing issues, and I could not find an existing issue for this bug

### Current Behavior

When extending the width of the browser in which DBT Docs is served over a specific threshold the scrollbar for the details section of a source / model disappears and an ugly set is overleft that extents over the borders of the screen.


### Expected Behavior

I would expect to have the details not in a horizontally scrollable HTML element, but rather as tiles without the need to scroll horizontally. Having long links or descriptions in it makes it cumbersome to scroll to the information that you need.

### Steps To Reproduce

1. Include several different information to the `meta` section in a source's / model's yaml file
2. Serve dbt docs
3. go to a model / source in the UI
4. Extend the width of the browser if not already in fullsize view

### Relevant log output

_No response_

### Environment

```markdown
- OS: MacOS Sonoma 14.6.1
- Python: 3.12.4
- dbt: 1.8.4
```

### Which database adapter are you using with dbt?

postgres

### Additional Context

_No response_

Reproduce the issue in the dbt Docs UI by opening a source or model with several meta fields and widening the browser. Start by locating the details section that renders metadata; done means the metadata remains usable within the viewport without unwanted horizontal overflow or a missing scrollbar.

Written by the indexing model from the issue text.