"Available in" Column does not behave as expected
### Node Version

20.10.0 

### NPM/Yarn/PNPM Version

pnpm 9.12.2

### Strapi Version

5.10.2

### Operating System

Linux (Other)

### Database

SQLite

### Javascript or Typescript

Typescript

### Reproduction URL

_No response_

### Bug Description

The "Available In" column styling breaks by decreasing the usability of the table when there are more than a few locales. 

- The table becomes too wide and readability is difficult
- The dropdown positioning breaks when clicking on the available in column after scrolling right

In addition when the locale is clicked a dropdown appears, but when an option is clicked it does not take to that locale version of the entry.

- It always takes to en locale

### Steps to Reproduce

1. Create a localised content entry with a lot of locales
2. Look at list view

### Expected Behavior

- Ideally available in should be truncated after 3 locales
- When available in column value is clicked, then in the opened dropdown a click on element should take to that locales version.


### Logs

```shell

```

### Code Snippets

_No response_

### Media

Giant list that scrolls on for a while
![Image](https://github.com/user-attachments/assets/dea654fa-b0f9-4d94-9204-f3a7ec209ada)

Dropdown position can vary after scroll, but it is often on the left or top edge

![Image](https://github.com/user-attachments/assets/11255414-119f-4680-8097-a614b4cd1b1c)

### Additional information

There has been a similar issue filed in the past, but it seems it was just marked as done and lost: https://github.com/strapi/strapi/issues/20520. Resurfacing again as the current behaviour still seems broken.

### Confirmation Checklist

- [x] I have checked the existing [issues](https://github.com/strapi/strapi/issues) for duplicates.
- [x] I agree to follow this project's [Code of Conduct](https://github.com/strapi/strapi/blob/develop/CODE_OF_CONDUCT.md).