Fix CSS-in-JS warning for msOverflowStyle

[Katotodan]

Notes for Reviewers

Description

This PR fixes a CSS-in-JS warning caused by using the kebab-case vendor-prefixed property -ms-overflow-style inside the ModalBody styled component.

Changes

Replaced:

'-ms-overflow-style': 'none'

With:

msOverflowStyle: 'none'

Result

Removes the React/MUI CSS-in-JS warning.
Preserves the intended scrollbar hiding behavior for legacy Microsoft browsers.
Keeps existing ::-webkit-scrollbar and scrollbarWidth behavior unchanged.

This PR fixes #1571

Signed commits

• Yes, I signed my commits.

[arjunmehta-git]

💯

[gemini-code-assist]

Code Review

This pull request standardizes the CSS properties used to hide scrollbars across the ModalBody and RecentActivityGrid components by updating the syntax to camelCase. A review comment suggests refactoring this duplicated styling logic into a shared utility or theme mixin to improve maintainability and ensure consistency across the codebase.

[gemini-code-assist]

The CSS pattern for hiding scrollbars is duplicated in both ModalBody and RecentActivityGrid (in src/custom/Workspaces/styles.tsx). To improve maintainability and ensure consistency across the project, consider refactoring these properties into a shared utility object or a theme mixin.

Example:

export const hideScrollbar = {
  scrollbarWidth: 'none',
  msOverflowStyle: 'none',
  '&::-webkit-scrollbar': {
    display: 'none'
  }
};