Amplify Gen 2 Console Not Mobile Responsive

### Before opening, please confirm:

- [X] I have [searched for duplicate or closed issues](https://github.com/aws-amplify/amplify-js/issues?q=is%3Aissue+) and [discussions](https://github.com/aws-amplify/amplify-js/discussions).
- [X] I have read the guide for [submitting bug reports](https://github.com/aws-amplify/amplify-js/blob/main/CONTRIBUTING.md#bug-reports).
- [X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

### JavaScript Framework

Not applicable

### Amplify APIs

Not applicable

### Amplify Version

v6

### Amplify Categories

_No response_

### Backend

None

### Environment information

```
# Put output below this line

```

### Describe the bug

I tried yesterday to view data on my mobile phone via the AWS amplify console and the entire left tab is cut off so you can't view any data. Even going into desktop mode the website is unusable. I think this is really important because I'm not always near my laptop to view and manage data.

### Expected behavior

The website should let you view the "Authentication" and "Data" side tabs.

### Reproduction steps

Log into the AWS console for any app via smart phone.

### Code Snippet

_No response_

### Log output

```
// Put your logs below this line

```

### aws-exports.js

_No response_

### Manual configuration

_No response_

### Additional configuration

_No response_

### Mobile Device

iPhone 12

### Mobile Operating System

iOS 17

### Mobile Browser

Safari

### Mobile Browser Version

Safari 16

### Additional information and screenshots

_No response_

No repository file or test is identified in the report. Reproduce the issue by opening the AWS Amplify Console on an iPhone 12 with iOS 17 and Safari 16, then inspect the Authentication and Data side tabs. Done means both tabs and their data are usable on the mobile viewport.

Written by the indexing model from the issue text.