Surface info

[i-be-keggles]

Updated styling and layout

Summary by CodeRabbit

New Features:

• Added an "About Info" section providing information about the Robotics Club, its purpose, and activities.
• Introduced a "Sideways Header" for a unique and engaging user interface.
• Enhanced the "Scoreboard" with a new "Contributions" label and an info marker button. Hovering over the info marker button reveals a hidden info box with details about GitHub commit tracking.
• Implemented a "Join" link in the header for easy club registration.

Improvements:

• Improved the website layout by grouping related components inside separate div elements.
• Implemented localization support, starting with the English locale.

Removals:

• Removed unused code for the "Matrix Background" component.

[coderabbitai[bot]]

Walkthrough

This pull request introduces significant enhancements to the Robotics Club website. It adds new components, AboutInfo and SidewaysHeader, and integrates them into the main page. The AboutInfo component provides information about the club, while SidewaysHeader adds a unique, rotated header style. The Scoreboard component is updated with a new info box feature. Localization support is also introduced, allowing for multi-language content.

Changes

File	Summary
fe-public/src/components/AboutInfo.astro	Introduced a new component to display information about the Robotics Club. It includes a localized content feature.
fe-public/src/components/SidewaysHeader.astro	Added a new component that renders a rotated header. The title is passed as a prop.
fe-public/src/components/Scoreboard.astro	Updated to include a hidden info box about GitHub commit tracking, which can be toggled by an info marker button.
fe-public/src/pages/index.astro	Integrated the new AboutInfo and SidewaysHeader components. The layout was updated to accommodate these changes.
fe-public/src/scripts/locale.js	Added a new function loadLocale to support localization based on the provided locale.

🐇 "In the land of code, changes are afoot, New components added, giving the site a new look. Info about the club, now on display, And headers turned sideways, in a stylish way. Scoreboard's got a secret, an info box hidden, With a click, its knowledge, to you is given. And let's not forget, the language locale, Making our club global, that's the ultimate goal!" 🌍

---

Tips

### Chat with CodeRabbit Bot (`@coderabbitai`) - Mention `@coderabbitai` in any *review comment* for bot assistance. - Note: Review comments are made on code diffs or files, not on the PR overview. ### Pause Incremental Reviews - Insert `@coderabbitai: ignore` in the PR description to halt the bot's ongoing reviews. Remove the line to resume. - Additionally, enter `@coderabbitai pause` to halt the bot's ongoing reviews as any issue or review comment. To resume reviews, enter `@coderabbitai resume` as any issue or review comment.

[i-be-keggles]

The sideways headers have some really weird horizontal alignment issues I have no idea how to fix. Maybe just remove them from the pr for now.

[velocitatem]

🐛

Maybe create a breakpoint condition.