💯 Minor codebase updates and fixes

I’ll use this issue to add small tasks that could be done, treat it as a wishlist or a good way to start getting acquainted with the codebase.

• Find fickle selectors and change them with select(something more specific).closest(the parent);

  GitHub has been removing some feature-specific classes like .js-file-list which means that we end up with monstrosities like main > :first-child .mt-1 .btn which mean nothing and could change at any time. Ideally instead we should find the best selector inside the target element (for example its icon, select('.octicon-branch[aria-label="Create branch"]')) and then reach the desired element with .closest('.btn'):

  - select('main > :first-child .mt-1 .btn')
  + select('.octicon-branch[aria-label="Create branch"]')!.closest('.btn')
  

• Better yet: https://github.com/sindresorhus/refined-github/issues/4456

[FloEdelmann]

Regarding https://github.com/refined-github/refined-github/issues/4008#issuecomment-824729016:

The specific linked case doesn’t exist anymore. Out of all other currently existing negative margins/paddings, only one of two in clean-mergeability-box could be replaced with a class, but that is a CSS-only feature. All others are not compatible with Primer classes.

[fregante]

• Switch to esbuild

Now that these are in, there’s little keeping us on Webpack

• https://github.com/refined-github/refined-github/pull/5058
• #5049

Related:

• https://github.com/refined-github/refined-github/issues/4320
• https://esbuild.github.io/api/#advanced-options

Blocked by

• https://github.com/evanw/esbuild/issues/1492