feat: add contact, index, and work pages with responsive design and functionality

- Implemented a contact page with a form for inquiries and direct links to social profiles.
- Created an index page showcasing personal profile, capabilities, featured projects, and tech stack.
- Developed dynamic project detail pages with breadcrumb navigation and project-specific information.
- Added a projects overview page displaying all projects in a grid layout.
- Introduced global styles and typography mixins for consistent design across components.

public/favicon.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="7" fill="#040B0B"/>
+  <!-- traînée de feu -->
+  <path d="M7 25 L13 19 L17 23 L11 29 Z" fill="#E0A23A" opacity="0.9"/>
+  <path d="M9 27 L14 22 L16 24 L11 29 Z" fill="#E05A59" opacity="0.85"/>
+  <!-- astéroïde -->
+  <circle cx="20" cy="12" r="6" fill="#2A4040"/>
+  <circle cx="20" cy="12" r="6" fill="none" stroke="#34C2C9" stroke-width="1.2"/>
+  <circle cx="18" cy="10.5" r="1.1" fill="#040B0B"/>
+  <circle cx="22" cy="13.5" r="0.9" fill="#040B0B"/>
+  <circle cx="21" cy="9.5" r="0.7" fill="#040B0B"/>
+</svg>