3211 finance menu tabs should be legible in light mode

[thaninbew]

Changes

This pull request includes updates to the Tabs component in the src/frontend/src/components/Tabs.tsx file to enhance its theming capabilities and adjust the appearance based on the greyscale prop.

Theme integration and appearance adjustments:

• src/frontend/src/components/Tabs.tsx: Added useTheme from @mui/material to allow access to the theme object within the component.
• const Tabs = ({ in src/frontend/src/components/Tabs.tsx: Initialized the theme variable using useTheme to utilize the theme properties.
• const Tabs = ({ in src/frontend/src/components/Tabs.tsx: Changed the textColor property to use 'secondary' when greyscale is true for better visual distinction.
• const Tabs = ({ in src/frontend/src/components/Tabs.tsx: Updated the sx prop to conditionally set the color based on the greyscale prop, using the theme's text.primary color.
  

• [ x] All commits are tagged with the ticket number
• [ x] No linting errors / newline at end of file warnings
• [ x] All code follows repository-configured prettier formatting
• [ x] No merge conflicts
• [ x] All checks passing
• [ x] Screenshots of UI changes (see Screenshots section)
• [ x] Remove any non-applicable sections of this template
• [ x] Assign the PR to yourself
• [ x] No yarn.lock changes (unless dependencies have changed)
• [ x] Request reviewers & ping on Slack
• [ x] PR is linked to the ticket (fill in the closes line below)

Closes # (issue #)
#3211

[jonathan-chen10]

Nice job integrating the theme, recommended a fix

[jonathan-chen10]

Still not the best gray color but much better than before! Approved