package: upgrade to react-scripts 5.0.0

- upgrade semantic-ui deps to latest
- install `@semantic-ui-react/css-patch` to fix `semantic-ui-css` issue (Semantic-Org/Semantic-UI-React#4287 (comment))

closes reanahub#204

Author: mvidalgarcia

CHANGES.rst

@@ -6,7 +6,9 @@ Version 0.8.1 (UNRELEASED)
 
 - Adds support for HTML preview of workspace files.
 - Adds search by name in workflow file list page.
+- Adds support for Create React App v5.
 - Changes cluster health status page to represent availability instead of usage.
+- Changes Docker image Node version from 12 to 16.
 
 Version 0.8.0 (2021-11-22)
 ---------------------------

reana-ui/.eslintrc.json

@@ -1,4 +1,11 @@
 {
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "requireConfigFile": false,
+    "babelOptions": {
+      "presets": ["@babel/preset-react"]
+    }
+  },
   "plugins": ["prettier"],
   "extends": [
     "plugin:prettier/recommended",

reana-ui/package.json

@@ -16,19 +16,20 @@
     "react-minimal-pie-chart": "^8.0.1",
     "react-redux": "^7.1.1",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "^4.0.0",
+    "react-scripts": "^5.0.0",
     "redux": "^4.0.4",
     "redux-devtools-extension": "^2.13.8",
     "redux-thunk": "^2.3.0",
     "semantic-ui-css": "^2.4.1",
-    "semantic-ui-react": "^0.88.2"
+    "semantic-ui-react": "^2.0.0"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
     "start": "craco start",
     "build": "craco build",
     "test": "craco test --env=jsdom",
-    "eject": "craco eject"
+    "eject": "craco eject",
+    "postinstall": "semantic-ui-css-patch"
   },
   "browserslist": {
     "production": [
@@ -43,8 +44,11 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.16.12",
+    "@babel/eslint-parser": "^7.16.5",
     "@craco/craco": "^6.0.0",
-    "@semantic-ui-react/craco-less": "^1.2.1",
+    "@semantic-ui-react/craco-less": "^2.0.0",
+    "@semantic-ui-react/css-patch": "^1.0.0",
     "craco-alias": "^2.1.1",
     "eslint-config-prettier": "^6.5.0",
     "eslint-config-react-app": "^5.2.0",

reana-ui/src/pages/privacyNotice/PrivacyNotice.module.scss

@@ -2,13 +2,13 @@
   -*- coding: utf-8 -*-
 
   This file is part of REANA.
-  Copyright (C) 2020 CERN.
+  Copyright (C) 2020, 2022 CERN.
 
   REANA is free software; you can redistribute it and/or modify it
   under the terms of the MIT License; see LICENSE file for more details.
 */
 
-@import "../../styles/palette";
+@import "@palette";
 
 .container {
   padding: 1em;