I'll modify the Settings component to use a structured flex layout instead of a nested card. This should eliminate the double borders and create a cleaner look.

Let's update the Settings component:

These changes will remove the nested card and create a cleaner, more structured layout for the settings hover card. The content will now be directly inside the HoverCardContent, using a flex layout to display the current settings.

Is there anything else you'd like me to modify or explain about these changes?

I'll add social links to the Help modal and ensure it scrolls well. Let's update the Help component to include these changes.

Let's update the Help component:

This updated Help component includes the following changes:

1. Added social links (GitHub, Website, Bluesky) in a new "Connect with Us" section.
2. Implemented scrolling using the ScrollArea component from shadcn/ui.
3. Structured the content into sections for better organization.
4. Added an "About Us" section to provide more context about the Language Tools.
5. Ensured the modal has a maximum height and width to fit well on various screen sizes.

The social links are displayed with icons and text, and they open in a new tab when clicked. The ScrollArea component ensures that if the content exceeds the available space, it will be scrollable.

Is there anything else you'd like me to modify or explain about these changes?