Support parsing components with top level if statements

[Rheeseyb]

Problem:
Our parsing currently fails on a component with a top level if statement, meaning that a component of the form:

const Card = () => {
  if (true) {
    return <div>true</div>
  } else {
    return <div>false</div>
  }
}

will be parsed as an arbitrary JS block, meaning that it then can't be focused, and therefore internal elements can't be selected.

Fix:
Since this is a general issue, where the component will fail to parse if there is some arbitrary javascript code surrounding the return statement, we now support parsing a component with a JSExpressionOtherJavaScript as the root element. To do this, when parsing a function body, if we first fail to parse out any top level JSX elements (in the return statement), we then attempt to parse the entire body itself as JSExpressionOtherJavaScript, and check if there are elements defined within - if there are none then we fall back to treating the entire function as a top level JS block.

When we are parsing an isolated piece of code somewhere in the file, part of the existing logic includes a babel transpile that might also wrap it in parens (as perhaps that piece of code in isolation would be incorrect, but in the wider context of the full source file it is perfectly valid). We have a similar issue here, as we're parsing the entire function body, and e.g. a return statement would not be legal at the root level of a source file. For this reason, we can now also wrap the isolated code into an anonymous function purely for the sake of transpiling and parsing it.

I've also had to tweak a small amount of the printing logic to handle printing of components with a JSExpressionOtherJavaScript.

Caveat:
As the root element is now treated as being generated by code, and we don't allow canvas manipulation of generated elements, these components will currently only support focusing / selection, but not editing.

Sample project:
Before: https://utopia.pizza/p/8830bc6c-separate-marjoram
After: https://utopia.pizza/p/8830bc6c-separate-marjoram/?branch_name=feature-parse-components-with-top-level-if

[github-actions]

Try me

[relativeci]

Job #9784: Bundle Size — 62.2MiB (~+0.01%).

aebfa59(current) vs df0030c master#9783(baseline)

Warning

Bundle contains 66 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current Job #9784	Baseline Job #9783
Initial JS	45.4MiB(~+0.01%)	45.4MiB
Initial CSS	0B	0B
Cache Invalidation	21.77%	0%
Chunks	26	26
Assets	30	30
Modules	4362	4362
Duplicate Modules	471	471
Duplicate Code	30.75%	30.75%
Packages	462	462
Duplicate Packages	65	65

Bundle size by type   1 change 1 regression

	Current Job #9784	Baseline Job #9783
JS	62.19MiB (~+0.01%)	62.18MiB
HTML	11.54KiB	11.54KiB

---

View job #9784 report View feature/parse-components-with-to... branch activity

[github-actions]

Performance test results: