feat: Enhance layout and styling with new fonts and components

- Integrated Space Grotesk font alongside Inter in layout.
- Added FloatingSocials component for social media links.
- Updated Footer with a new background color.
- Modified Header to improve spacing and added LanguageSwitcher.
- Refactored LanguageSwitcher to use a dropdown for language selection.
- Updated ProjectCard to include images and improved layout.
- Revamped About section to include categorized skills with animations.
- Enhanced Contact section with animations and improved form styling.
- Updated Hero section with type animation for dynamic text display.
- Refactored Projects section to include animations for project cards.
- Removed Skills section as it was integrated into the About section.
- Updated global styles for light and dark themes, including new animations.
- Updated translations for new skills and hero section text.

frontend/src/app/components/Footer.tsx

@@ -9,7 +9,7 @@ export default function Footer() {
   const linkedinUrl = process.env.NEXT_PUBLIC_LINKEDIN_URL || '#';
 
   return (
-    <footer className="border-t border-[var(--color-border)] py-8 text-[var(--color-text-secondary)]">
+    <footer className="border-t bg-black border-[var(--color-border)] py-8 text-[var(--color-text-secondary)]">
       <div className="container mx-auto flex flex-col md:flex-row justify-between items-center gap-4 px-4 sm:px-6 lg:px-8">
         <p className="text-sm">&copy; {new Date().getFullYear()} João Loureiro. {t('copyright')}</p>
         <div className="flex items-center space-x-4">