Fix spread variables wrapping in JSX children

Co-authored-by: tsnobip <[email protected]>

Author: Copilot

compiler/syntax/src/res_parens.ml

@@ -371,6 +371,7 @@ let jsx_child_expr expr =
         when starts_with_minus x ->
         Parenthesized
       | _ when ParsetreeViewer.expr_is_await expr -> Parenthesized
+      | _ when ParsetreeViewer.has_spread_attr expr.pexp_attributes -> Parenthesized
       | {
        Parsetree.pexp_desc =
          ( Pexp_constant _ | Pexp_field _ | Pexp_construct _

tests/syntax_tests/data/printer/expr/expected/jsx.res.txt

@@ -209,7 +209,7 @@ let x =
 
 let x =
   <div>
-    {ident}
+    ident
     "constant"
     {
       let a = 1
@@ -364,7 +364,7 @@ module App = {
 </div>
 
 <Animated> ...{x => <div />} </Animated>
-<div> ...c </div>
+<div>{...c}</div>
 
 <Animated initialValue=0.0 value>
   ...{ReactDOMRe.Style.make(
@@ -558,14 +558,14 @@ let fragmented_moo =
 
 let arrow_with_fragment = el => <>
   {t(nbsp ++ "(")}
-  {el}
+  el
   {t(")")}
 </>
 
 let arrow_with_container_tag = el =>
   <div>
     {t(nbsp ++ "(")}
-    {el}
+    el
     {t(")")}
   </div>