fix(webui): improve mobile menu item link styling for better usability

[llinq]

MR relates to #965

[netomi]

can you sign the ECA as explained here: https://api.eclipse.org/git/eca/status/gh/eclipse/openvsx/1598

[llinq]

Hello, done @netomi, thanks for reply :)

[netomi]

@gnugomez could you take a look?

[gnugomez]

@llinq what's the intention of this patch?

I don't really see any visual difference by applying your changes.

[llinq]

@gnugomez this change expands the clickable area of the mobile menu link to cover the entire list item.

Currently, only the label itself is clickable, which makes interaction harder (especially on mobile devices). With this update, the whole list item becomes clickable, significantly improving usability and touch accessibility.

This change was motivated by issue #965 which appears to be directly related to this behavior.

Before (current behavior)	After (with this change)

[gnugomez]

gotcha @llinq , I now see the benefit, although it doesn’t fully solve the issue. Adding a width of 100% is a somewhat clumsy solution, and the corners are still not working correctly, plus you are not fixing the logout form. I believe that the best approach here would be to use MUI Component prop.

[gnugomez]

@llinq could you add me to your fork so that I can push the changes?

[llinq]

Hi @gnugomez, I agree with your suggestion, thanks!
I’ve sent you the invitation, let me know if I can help with anything else.

[gnugomez]

@netomi this fix should be g2g, can you take a look?

[netomi]

tested the PR, in general it works great, however there is this discrepancy with the current version:

compared to current version:

[netomi]

I pushed a fix for that