fix(js_formatter): break nested destructured binding patterns

[faultyserver]

Summary

Playground Link.

Nested destructuring of objects in a binding pattern means multiple braces will end up next to each other, which can be difficult to visually parse how deep in the pattern something is. This fixes the logic for breaking nested binding patterns over multiple lines to avoid this cluttering and match Prettier's behavior.

// Input
({nested: {once}}) => {
	bar();
};
({nested: {pattern: {twice}}}) => {
	bar();
};

// New output, matching Prettier
({ nested: { once } }) => {
  bar();
};
({
  nested: {
    pattern: { twice },
  },
}) => {
  bar();
};

Test Plan

The Prettier difference snapshot is deleted since the two now match, and I added a bunch of tests in a new spec test to cover all of the permutations here, including catch declarations.

[netlify]

✅ Deploy Preview for rad-torte-839a59 ready!

Name	Link
🔨 Latest commit	265716e
🔍 Latest deploy log	https://app.netlify.com/sites/rad-torte-839a59/deploys/656e997eedc110000859af03
😎 Deploy Preview	https://deploy-preview-1054--rad-torte-839a59.netlify.app/playground
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.