feat: add multiple project info pages with metadata and structured data

- Created new project pages for LazyBot, Learn, Linktree, Moon Phases, FocusPomodoro, Portfolio, QCU Physique-Chimie, QRCode, ReduceLink, Sudoku, and Visio.
- Each page includes detailed descriptions, features, use cases, tech stack, FAQs, and images.
- Implemented JSON-LD structured data for SEO optimization.
- Added a sitemap generation for better indexing of project pages.
- Introduced a reusable JsonLd component for structured data rendering.
- Configured Tailwind CSS for styling across the application.

tailwind.config.js

@@ -0,0 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./src/app/**/*.{js,ts,jsx,tsx}",
+    "./src/components/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+      },
+      fontFamily: {
+        sans: ["var(--font-geist-sans)", "Arial", "sans-serif"],
+        mono: ["var(--font-geist-mono)", "monospace"],
+      },
+    },
+  },
+  plugins: [],
+};