frontend: Notifications: Fix contrast for menu items on all themes

[vyncent-t]

Summary

This PR fixes the issue where the text for notification menu items were not readable on darker themes

Related Issue

Related to issue #3746

Changes

• Added contrast text via theme.palette to all notification menu items
• Keeps buttons disabled when needed, just not readable

Steps to Test

1. Navigate to notifications
2. Click on the menu button
3. Note that they are now contrast friendly

Screenshots (if applicable)

Before

After

disabled

enabled

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: vyncent-t
Once this PR has been reviewed and has the lgtm label, please assign illume for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[k8s-triage-robot]

Unknown CLA label state. Rechecking for CLA labels.

Send feedback to sig-contributor-experience at kubernetes/community.

/check-cla
/easycla

[sniok]

But now the buttons don't look disabled, they look like you can click on them which is misleading.
Disabled items don't have contrast requirement [source]

[vyncent-t]

But now the buttons don't look disabled, they look like you can click on them which is misleading. Disabled items don't have contrast requirement [source]

current contrast was too hard to read, tweaked the new contrast to still be faded and not solid, let me know if this is readable

[sniok]

setting color as <Typography color="text.primary">... fixes this
there's no need for any additional styles

 <MenuItem onClick={markAllAsRead} disabled={!hasUnseenNotifications}>
    <Typography color="text.primary">{t('translation|Mark all as read')}</Typography>
  </MenuItem>

[vyncent-t]

It looks like that adjustment does work but only for the lights out contrast (it was blue before).

however for the dark mode contrast it is still the same contrast as the original issue #3746

before

after

[vyncent-t]

Just to be clear I believe the main goal here is to make the disabled text pop a little bit more while still looking faded enough to not be mistaken as enabled.

If the current colors are still too solid and do not fit disabled styles enough I can adjust it to be lighter.