Feat/improve sidebar

[SujalXplores]

This pull request includes several changes to improve the sidebar components and the tooltip functionality. The most important changes include removing unnecessary state and event handling in the HistoryItem component, enhancing the Tooltip component with additional properties, and updating class names for better styling.

Sidebar Component Improvements:

• app/components/sidebar/HistoryItem.tsx: Removed the unnecessary state and event handling for hover effects and simplified the component structure. Added type="button" to buttons for better accessibility. [1] [2]

• app/components/sidebar/Menu.client.tsx: Changed the overflow-scroll class to overflow-auto for better scrolling behavior.

Before:

After:

Tooltip Component Enhancements:

• app/components/ui/Tooltip.tsx: Added new properties (position, maxWidth, delay) to the TooltipProps interface for better customization. Updated the WithTooltip component to use these new properties and improved the styling. [1] [2]

Before:

After:

[SujalXplores]

@chrismahoney @wonderwhy-er could you please review this PR?

[wonderwhy-er]

Looks good, I think I kinda liked that tooltop was white with black triangle before. Looked more interesting.
Why you made it grey?

[SujalXplores]

Looks good, I think I kinda liked that tooltop was white with black triangle before. Looked more interesting. Why you made it grey?

@wonderwhy-er Thank you for the feedback! I made the tooltip background match the theme colors (grey in dark mode) to maintain consistency with our design and improve accessibility. The white tooltip in dark mode created a high contrast that could be jarring for users, especially in low-light conditions.

However, I understand your point about the visual interest of the white/black combination. If you feel strongly about keeping that design, I'm happy to revert back to white

What do you think?

[wonderwhy-er]

Ouh, my bad I do not test with black mode, I use white one.
If it was white in black mode you are right, we can adjust style better later.
Let's merge.