Update Blueprints.tsx

frontend/src/pages/Sites/Builder/Blueprints.tsx

@@ -198,15 +198,16 @@ export default function SiteBuilderBlueprints() {
             </div>
           )}
           <div className="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
-            {blueprints.map((blueprint) => (
-              <Card
-                key={blueprint.id}
-                className={`space-y-4 p-5 ${
-                  selectedIds.has(blueprint.id)
-                    ? "ring-2 ring-brand-500 dark:ring-brand-400"
-                    : ""
-                }`}
-              >
+            {blueprints.map((blueprint) => {
+              return (
+                <Card
+                  key={blueprint.id}
+                  className={`space-y-4 p-5 ${
+                    selectedIds.has(blueprint.id)
+                      ? "ring-2 ring-brand-500 dark:ring-brand-400"
+                      : ""
+                  }`}
+                >
                 <div className="flex items-start justify-between">
                   <div className="flex-1">
                     <p className="text-xs uppercase tracking-wider text-gray-500 dark:text-white/50">
@@ -271,8 +272,9 @@ export default function SiteBuilderBlueprints() {
                     </Button>
                   </div>
                 </div>
-              </Card>
-          ))}
+                </Card>
+              );
+            })}
         </div>
       )}