fix: changed tooltip position on playground to improve visibility, fixed color of theme switcher on light mode

[lucaseduoli]

This pull request includes several changes to improve the user interface and functionality of tooltips in the frontend components. The most important changes include modifying the behavior of tooltips to avoid collisions, updating the styling of theme buttons, and ensuring consistent tooltip behavior across different components.

Improvements to tooltip functionality:

• src/frontend/src/components/shadTooltipComponent/index.tsx: Added an avoidCollisions prop to the ShadTooltip component, allowing it to be set dynamically. [1] [2]
• src/frontend/src/types/components/index.ts: Updated the ShadToolTipType type to include the avoidCollisions property.

Styling updates:

• src/frontend/src/components/appHeaderComponent/components/ThemeButtons/index.tsx: Modified the hover styles for the theme buttons to improve visual feedback.

Consistent tooltip behavior:

• src/frontend/src/components/ui/dialog.tsx: Updated the ShadTooltip within the DialogContent component to use the avoidCollisions prop and changed the tooltip position to bottom.
• src/frontend/src/modals/IOModal/newModal.tsx: Ensured the ShadTooltip in the IOModal component uses the avoidCollisions prop and positioned the tooltip at the bottom.