feat(blog): add blog section with i18n support

[JaegerCaiser]

✨ feat(blog): Add Blog Section with i18n Support

This PR introduces a complete, modern, and internationalized blog section to the portfolio.

Features Implemented:

1. New "Writing & Insights" Section:

   • A new section has been added to the main page, designed with a "Glassmorphism" aesthetic.
   • It features a responsive "Bento Grid" layout for listing blog posts.

2. MDX-Powered Content:

   • Blog posts are now written in MDX, allowing for a rich content experience.
   • Vite has been configured with remark-frontmatter to handle post metadata (title, date, summary, tags).

3. Immersive Reading Experience:

   • Clicking on a post opens a fullscreen modal, providing a focused, SPA-like reading experience without navigating away from the page.
   • The rest of the site elegantly blurs into the background when the modal is active.

4. Font Size Controls:

   • The modal includes a minimalist, floating control in the bottom-right corner that allows users to increase or decrease the text size for better readability.
   • The control appears intelligently when the user's mouse approaches the corner.

5. Full Internationalization (i18n):

   • Implemented a robust i18n solution using i18next.
   • Content is structured by language (en/pt) for both MDX posts and UI strings (.json files).
   • The site now automatically detects the user's browser language and displays the content accordingly.

6. Language Switcher:

   • A sleek LanguageSwitcher component has been added to the header, allowing users to manually switch between English and Portuguese.

This feature significantly enhances the portfolio by adding a dynamic and professional content section.

[github-actions]

🚀 Vercel Preview Deployment

A pré-visualização para este PR foi atualizada.

Recurso	Link
🔗 URL de Preview	URL de Preview
📜 Logs do Deploy	Ver logs da Action

---

Commit: 37a2f3b87785132ac092ce97600c9c463e586417