Add Font Awesome icons and refactor tech icon handling

- Added Font Awesome dependencies for enhanced icon support.
- Refactored tech icon components to utilize Font Awesome icons instead of custom SVGs.
- Updated skill data files to include icon properties for various technologies.
- Removed obsolete tech icon files to streamline the codebase.

components/evaluation/skill-evaluation-card.tsx

@@ -5,7 +5,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { Skill, SkillLevel, SKILL_LEVELS } from "@/lib/types";
-import { getTechIcon } from "@/components/icons/tech-icons";
+import { TechIcon } from "@/components/icons/tech-icon";
 
 interface SkillEvaluationCardProps {
   skill: Skill;
@@ -46,15 +46,17 @@ export function SkillEvaluationCard({
   onUpdateSkill,
   onRemoveSkill,
 }: SkillEvaluationCardProps) {
-  const TechIcon = getTechIcon(skill.id);
-
   return (
     <div className="group relative bg-white/5 backdrop-blur-sm border border-white/10 rounded-xl p-3 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/10">
       <div className="flex items-center justify-between">
         {/* Skill Info */}
         <div className="flex items-center gap-3 flex-1 min-w-0">
           <div className="w-8 h-8 rounded-lg bg-white/10 border border-white/20 flex items-center justify-center group-hover:bg-white/20 transition-colors flex-shrink-0">
-            <TechIcon className="w-4 h-4 text-blue-400" />
+            <TechIcon
+              iconName={skill.icon}
+              className="w-4 h-4 text-blue-400"
+              fallbackText={skill.name}
+            />
           </div>
 
           <div className="flex items-center gap-2 flex-1 min-w-0">