Refactor ModalProvider to remove wrapper div and apply theme props directly

This PR refactors the ModalProvider component to remove the unnecessary wrapper div and apply theme properties directly to its children. This change allows for more flexible use of the ModalProvider throughout the component tree.

Key changes:

• Removed the wrapper div from ModalProvider
• Used React.Fragment to avoid adding extra DOM elements
• Applied theme properties directly to child elements using React.Children.map
• Conditionally rendered the style element only when a theme is provided

This refactor improves the flexibility of the ModalProvider, allowing it to be used at any point in the component tree without introducing additional DOM nesting. It maintains all existing theming functionality while providing a cleaner, more efficient implementation.

Testing:

• Verified that the ModalProvider works correctly with and without a theme
• Ensured that theme properties are correctly applied to child components
• Checked that the component renders correctly in different contexts without introducing unexpected DOM elements

Please review and test thoroughly to ensure this change doesn't introduce any unintended side effects in existing implementations.

Fixes #2164