feat(resume,vocal-synth): add clickable links to tools and technologies

- Add Tool interface with name and optional link properties
- Update BadgeList and BadgeListCard components to render links
- Extract VocalSynthPage types to dedicated module
- Migrate resume.json and vocal-synthesis.json data to use Tool format
- Add links to all tools, frameworks, and technologies in resume

content/en/vocal-synthesis.json

@@ -31,5 +31,15 @@
       "link": "https://alys.phundrak.com/en/faq#are-there-any-plans-for-leora"
     }
   ],
-  "tools": ["Alter/Ego", "UTAU", "VOCALOID", "ChipSpeech", "FL Studio", "Audacity", "iZotope RX", "T-RackS CS", "C++"]
+  "tools": [
+    { "name": "Alter/Ego", "link": "https://www.plogue.com/products/alter-ego.html" },
+    { "name": "UTAU", "link": "http://utau2008.xrea.jp/" },
+    { "name": "VOCALOID", "link": "https://www.vocaloid.com/en/" },
+    { "name": "ChipSpeech", "link": "https://plogue.com/products/chipspeech.html" },
+    { "name": "FL Studio", "link": "https://www.image-line.com/" },
+    { "name": "Audacity", "link": "https://www.audacityteam.org/" },
+    { "name": "iZotope RX", "link": "https://www.izotope.com/en/products/rx.html" },
+    { "name": "T-RackS CS", "link": "https://www.ikmultimedia.com/products/tr6/" },
+    { "name": "C++", "link": "https://isocpp.org/" }
+  ]
 }