Fix map join (defaults using comma)

src/components/Categories/categories.js

@@ -12,7 +12,7 @@ function Categories(props) {
                     CategoryCard({
                         category,
                     })
-                ))
+                )).join('')
             }
             </div>
         </div>

src/components/RecipeCard/recipecard.js

@@ -33,7 +33,7 @@ export default function RecipeCard(props) {
                                     <div class="recipe-card-star">
                                     </div>
                                     `
-                                ))
+                                )).join('')
                             }
                         </div>
                     </div>
@@ -58,7 +58,7 @@ export default function RecipeCard(props) {
                                 }
                             </div>
                             `
-                        ))
+                        )).join('')
                     }
 
                 </div>

src/components/Recipes/recipes.js

@@ -11,7 +11,7 @@ function Recipes(props) {
                     RecipeCard({
                         recipe,
                     })
-                ))
+                )).join('')
             }
         </div>
         `