🐛 Bug: Tools Page Tables Require Adjusting

[idanidan29]

Describe the bug

On the Tools page, the tables are not optimized. Users need to scroll sideways to view all the information, which affects readability and usability mainly on mobile.

Steps To Reproduce

1. Go to the Tools page on a mobile device.
2. Observe that the table content extends beyond the screen width.
3. Scroll sideways to access the hidden information.

Expected Behavior

• Tables should be fully readable without excessive horizontal scrolling.
• Content should be responsive and properly formatted for mobile screens.

Screenshots

this is the current behavior on mobile:

and for desktop (the bowtie column is being cut off)

and this is my suggestion of how it should look like in mobile:

for desktop it will be a much simpler fix.

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[idanidan29]

@benjagm @DhairyaMajmudar, can you please assign this issue to me, so I can make a PR?

[benjagm]

i like the idea. Go ahead.