Flatten nested function decorators / higher-order functions

Prettier 2.2.1
Playground link

--parser typescript

Input:

const Counter = decorator("foo")(decorator("bar")((props: {
  foo: Foo,
  bar: Bar,
}) => {
  return <Other foo={foo} bar={bar} />;
}));

Output:

const Counter = decorator("foo")(
  decorator("bar")((props: { foo: Foo; bar: Bar }) => {
    return <Other foo={foo} bar={bar} />;
  })
);

Expected behavior:

const Counter = 
  decorator("foo")(
  decorator("bar")(
  (props: {
    foo: Foo,
    bar: Bar,
  }) => {
    return <Other foo={foo} bar={bar} />;
  }));

Would likely build on https://github.com/prettier/prettier/pull/10714

Note that many people currently add a runtime abstraction just to avoid the current formatting, eg:

const Counter = compose(
  decorator("foo"),
  decorator("bar")
)((props: { foo; bar }) => {
  return <div />;
});

so cleaning this up could help make people's code faster and simpler.

Run the provided TypeScript playground example and compare the current output with the expected nested-decorator formatting. Read the referenced pull request #10714 for the proposed direction, then verify that the example produces the expected output without relying on a runtime compose abstraction.