Wrap variables in braces inside JSX children

Co-authored-by: tsnobip <2479216+tsnobip@users.noreply.github.com>

Author: Copilot

compiler/syntax/src/res_parens.ml

@@ -373,7 +373,7 @@ let jsx_child_expr expr =
       | _ when ParsetreeViewer.expr_is_await expr -> Parenthesized
       | {
        Parsetree.pexp_desc =
-         ( Pexp_ident _ | Pexp_constant _ | Pexp_field _ | Pexp_construct _
+         ( Pexp_constant _ | Pexp_field _ | Pexp_construct _
          | Pexp_variant _ | Pexp_array _ | Pexp_pack _ | Pexp_record _
          | Pexp_extension _ | Pexp_letmodule _ | Pexp_letexception _
          | Pexp_open _ | Pexp_sequence _ | Pexp_let _ | Pexp_jsx_element _ );

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

@@ -3,7 +3,7 @@ module Cite = {
   let make = (~author: option<string>, ~children) => {
     // For semantics, check out
     // https://css-tricks.com/quoting-in-html-quotations-citations-and-blockquotes/
-    <div> foo </div>
+    <div> {foo} </div>
   }
 }
 

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

@@ -282,7 +282,7 @@ apply({
   a
 })
 
-let x = {<div> child </div>}
+let x = {<div> {child} </div>}
 
 // not valid jsx
 let x = {@JSX child}

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
@@ -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>
 

tests/syntax_tests/data/printer/other/expected/fatSlider.res.txt

@@ -34,7 +34,7 @@ let make = (~min=50, ~max=250, ~meterSuffix=?) => {
         values
         onChange={v => values_set(_ => v)}
         renderTrack={({props, children}) => {
-          let element = <div className="h-16" style=props.style> children </div>
+          let element = <div className="h-16" style=props.style> {children} </div>
 
           ReasonReact.cloneElement(element, ~props=Obj.magic(props), [children])
         }}