feat: add CommercialProjects component and related project cards; update project data structure

app/page.tsx

@@ -1,4 +1,5 @@
 import AboutSummary from "@/components/about-summary";
+import CommercialProjects from "@/components/commercial-projects";
 import Experience from "@/components/experience";
 import Hero from "@/components/hero";
 import Skills from "@/components/skills";
@@ -11,6 +12,7 @@ export default function Home() {
       <div className="container mx-auto px-4">
         <AboutSummary />
         <Skills skills={skills} />
+        <CommercialProjects />
         <Experience jobs={jobs} />
       </div>
     </div>