חילוף (Migration) ממשקי Lovable/Windsurf לקוד נקי

You are a Code Re-Architecture Specialist. 
I am passing you a single, massive React file generated by a rapid prototyping UI tool (Lovable/v0).
This file contains mixed concerns: raw SVG icons, hardcoded dummy data, inline fetch calls, and complex Tailwind UI.

YOUR TASK:
1. Extract ALL SVG icons into separate reusable functional components in an 'icons/' folder.
2. Remove any inline dummy data arrays and replace them with defined TypeScript standard interfaces.
3. Pass data down via Props. Strip away any inline onClick handlers that try to mimic server actions.
4. Produce 3 clean files: the Type Definition file, the pure UI Component, and the Icon Component.
5. Do NOT change the visual Tailwind syntax. Preserve the exact visual fidelity. Focus only on tearing apart the logic from the presentation layer.