Add score color logic and evaluation migration

- Introduced `getScoreColors` function to dynamically set badge colors based on skill scores for better visual feedback.
- Updated HomePage to display skill evaluation percentages with corresponding colors.
- Implemented `migrateEvaluation` function to ensure existing evaluations are updated with new skill categories, enhancing data integrity.
- Refactored data loading in `loadSkillCategories` and `loadTeams` to fetch from API endpoints, improving flexibility and maintainability.

app/api/skills/route.ts

@@ -0,0 +1,41 @@
+import { NextResponse } from "next/server";
+import fs from "fs";
+import path from "path";
+import { SkillCategory } from "@/lib/types";
+
+export async function GET() {
+  try {
+    const dataDir = path.join(process.cwd(), "data", "skills");
+
+    const categories = [
+      "frontend",
+      "backend",
+      "devops",
+      "mobile",
+      "data",
+      "cloud",
+      "security",
+      "design",
+    ];
+
+    const skillCategories: SkillCategory[] = [];
+
+    for (const category of categories) {
+      const filePath = path.join(dataDir, `${category}.json`);
+
+      if (fs.existsSync(filePath)) {
+        const fileContent = fs.readFileSync(filePath, "utf-8");
+        const data = JSON.parse(fileContent);
+        skillCategories.push(data);
+      }
+    }
+
+    return NextResponse.json(skillCategories);
+  } catch (error) {
+    console.error("Error loading skills:", error);
+    return NextResponse.json(
+      { error: "Failed to load skills" },
+      { status: 500 }
+    );
+  }
+}