Configure ESLint rules for shared folders, bump ESLint deps

[kachkaev]

🌟 What is the purpose of this PR?

@teenoh and I are moving UI components into [frontend]/src/shared/ui. We will be trying the new fractal tree approach for the folder structure to make codebase development more consistent and robust.

This PR configures two new ESLint rules for the future shared folders in frontend. It also upgrades ESLint-related dependencies given the opportunity.

⚠️ Known issues

• The structure we are going to use is still experimental. It has been discussed with @CiaranMn, @benwerner01 and @teenoh; we have also used it in a recent internal project. Once our experiment is complete, we can re-asses the approach once again and apply it in more parts of the codebase, if agreed.

🐾 Next steps

• Move primitive UI components to [frontend]/src/shared/ui, following the new file structure. This will enable UI development for the new Entity Editor: Entity editor header WIP #445

• Use kebab-case in [frontend]/src/pages to be able to lint local shared inside pages.

• Consider converting the new ui folder into a package (we'll need that for blocks).

🔍 What does this change?

• New ESLint rule: "canonical/filename-no-index" – makes sure we don’t use index.ts(x) files in the new shared folder as this is against the new experimental file structure rules.

• New ESLint rule: "unicorn/filename-case" – makes sure we use kebab-case only. camelCase is more error-prone.

• All ESLint dependencies are updated.

📜 Does this require a change to the docs?

• No

🔗 Related links

• Asana task (internal)
• https://github.com/benawad/destiny (inspiration)

🛡 What tests cover this?

• CI

❓ How to test this?

Check CI

📹 Demo

With the new rules, creating index.ts(x) or helloWorld.ts will produce the following:

/path/to/hash/packages/hash/frontend/src/pages/[accountId]/entities/shared/helloWorld.ts
  1:1  error  Filename is not in kebab case. Rename it to `hello-world.ts`  unicorn/filename-case

/path/to/hash/packages/hash/frontend/src/util/shared/button/index.tsx
  1:1  error  'index.js' files are not allowed  canonical/filename-no-index

/path/to/hash/packages/hash/frontend/src/util/shared/hEllo.ts
  1:1  error  Filename is not in kebab case. Rename it to `h-ello.ts`  unicorn/filename-case

/path/to/hash/packages/hash/frontend/src/util/shared/index.ts
  1:1  error  'index.js' files are not allowed  canonical/filename-no-index

✖ 4 problems (4 errors, 0 warnings)

[kachkaev]

I had to make this rule a bit more loose after upgrading "@typescript-eslint/eslint-plugin". See typescript-eslint/typescript-eslint#4650 and https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/no-misused-promises.md#checksvoidreturn for context. The rule is not less strict that it was.

[kachkaev]

This is the main part of the PR