feat: add Galeria Rumia project with description and thumbnails; update layout for commercial projects

components/commercial-project-card.tsx

@@ -5,7 +5,6 @@ import { Eye } from "lucide-react";
 
 const CommercialProjectCard = ({ project }: { project: Project }) => {
   return (
-    // Removed h-full to allow flexbox stretch to control height
     <div className="flex flex-col justify-between p-6 text-white transition-all duration-300 bg-white/5 backdrop-blur-md border border-white/10 rounded-3xl hover:bg-white/10 hover:border-white/20 w-[22rem] md:w-[28rem] shrink-0 snap-center shadow-xl group">
       <div>
         <div className="flex items-center justify-between mb-4">

components/commercial-projects.tsx

@@ -19,7 +19,7 @@ const CommercialProjects = () => {
       </div>
 
       <div className="w-full max-w-[90vw] md:max-w-6xl">
-        <div className="flex items-stretch gap-6 overflow-x-auto pb-8 pt-4 px-4 snap-x snap-mandatory md:justify-center scrollbar-thin scrollbar-thumb-yellow-400 scrollbar-track-white/10">
+        <div className="flex flex-wrap items-stretch gap-6 overflow-x-auto pb-8 pt-4 px-4 snap-x snap-mandatory md:justify-center scrollbar-thin scrollbar-thumb-yellow-400 scrollbar-track-white/10">
           {commercialProjects.map((project) => (
             <CommercialProjectCard key={project.id} project={project} />
           ))}