Upgrade project dependencies and remove unused ones

[kachkaev]

To create this PR, I ran npx npm-check-updates -u, then deleted yarn.lock and ran yarn fix:yarn-deduplicate. Then I checked if we have any unused depenedencies and removed those that were not mentioned in the code. We can re-add them later when needed.

Here is a full list of removed depencencies:

• "history": "^5.0.1"
• "react-apexcharts": "^1.3.9"
• "react-beautiful-dnd": "^13.1.0"
• "react-draft-wysiwyg": "^1.14.7"
• "react-markdown": "^7.1.0"
• "react-modal-image": "^2.5.0"
• "react-quill": "^1.3.5"
• "react-redux": "^7.2.6"
• "react-syntax-highlighter": "^15.4.4"
• "stylis-plugin-rtl": "^2.1.1"
• "@types/react-beautiful-dnd": "^13.1.2"
• "@types/react-draft-wysiwyg": "^1.13.3"

Out of scope

I kept d3 and @types/d3 at 5.16.0. It’s best to upgrade them to 7.1.1 or newer in a separate PR to avoid possible disruption. Breaking changes:

• https://github.com/d3/d3/releases/tag/v6.0.0
• https://github.com/d3/d3/releases/tag/v7.0.0

I also did not update to the very latest TypeScript version available (4.5.2). When running yarn lint:eslint, this message gets shown:

=============

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <4.5.0

YOUR TYPESCRIPT VERSION: 4.5.2

Please only submit bug reports when using the officially supported version.

=============

We’ll use TS 4.4.4 for now. Upgrading to v4.5 will make sense when new syntax is supported by ESLint and Prettier.

On package.json → engines

Some dependencies like lint-staged v12 require Node v12+ (see https://github.com/okonet/lint-staged/releases/tag/v12.0.0). I've added package.json → engines to avoid accidental script execution on Node 10 or below. Node 10 reached end of life in April 2021, so folks with older version need to upgrade their local setup. It’s not safe to run old unmaintained Node.js versions because they have known but unpatched vulnerabilities. See https://nodejs.org/en/about/releases/ for the list of actively maintained versions.

On Next.js version

We usually stick with stable releases and avoid alphas / betas etc. to spend less time on fighting third-party bugs. At the time of creating this PR, the latest stable version of Next.js was 12.0.4. Unfortunately, it did not have ESLint 8 support – see vercel/next.js#29865.

When Next.js 12.0.5 or 12.1.0 is released, we’ll replace 12.0.5-canary.6 with a stable version.

[netlify]

✔️ Deploy Preview for rampvis-ui-development ready!

🔨 Explore the source changes: 1d801c9

🔍 Inspect the deploy log: https://app.netlify.com/sites/rampvis-ui-development/deploys/61996bbb2a311500083f7a7e

😎 Browse the preview: https://deploy-preview-120--rampvis-ui-development.netlify.app