Bug: When browser window is not extra wide, cannot see the left-most columns on My Projects Page

[entrotech]

Describe the bug

When the browser window is not extra wide, there is a horizontal scroll bar, but the user cannot scroll far enough to the left to reveal the left-most columns.

Steps to reproduce the issue

(if applicable, please specify platform (iOS, Android, Windows, Mac version) and brower)

REPLACE THE FOLLOWNG TEXT:

• 1. Go to the My Projects Page
• 2. Narrow your browser window
• 3. There is a horizontal scroll bar, which is scrollled to the left, but the left-most columns are off-screen to the left.

What's the expected result?

You should be able to scroll to see any of the columns.

What's the actual result?

Cannot scroll horizontally to see left-most columns.

Device configuration

At least on this hardware/software:

• Device: laptop
• OS version: Windows 11
• Browser: Chrome and Firefox

[lattaai1]

Hello, I've fixed this issue!

This is what I've done:
I have identified the issue causing the horizontal scrolling problem in the Projects page. The main cause was the fixed minimum width set on the table. I've made the following changes to address this:

1. Removed the fixed minimum width from the table.
2. Added a responsive container for the table with horizontal scrolling.
3. Updated the table layout to use percentage-based widths for better responsiveness.
4. Adjusted the pagination component to be more compact on smaller screens.

These changes should allow users to scroll and view all columns, even on narrower screens.

I also created pull request: #1928

Caution

Disclaimer: This fix was created by Latta AI and you should never merge before you check the correctness of generated code!

---

This bug was fixed for free by Latta AI - https://latta.ai/ourmission