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/skill-selector.tsx

@@ -13,7 +13,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Plus, Search } from "lucide-react";
 import { SkillCategory, CategoryEvaluation } from "@/lib/types";
-import { getTechIcon } from "./icons/tech-icons";
+import { TechIcon } from "./icons/tech-icon";
 
 interface SkillSelectorProps {
   categories: SkillCategory[];
@@ -108,12 +108,11 @@ export function SkillSelector({
                         >
                           <div className="flex items-center gap-3">
                             <div className="w-8 h-8 rounded bg-muted flex items-center justify-center">
-                              {(() => {
-                                const TechIcon = getTechIcon(skill.id);
-                                return (
-                                  <TechIcon className="w-5 h-5 text-foreground" />
-                                );
-                              })()}
+                              <TechIcon
+                                iconName={skill.icon}
+                                className="w-5 h-5 text-foreground"
+                                fallbackText={skill.name}
+                              />
                             </div>
                             <div>
                               <h5 className="font-medium">{skill.name}</h5>