package: upgrade all dependencies

Upgrade all dependencies. Enable transformation for axios in order to
make tests execute correctly. See issue 5101 of axios/axios.

reana-ui/package.json

@@ -3,20 +3,20 @@
   "version": "0.9.1",
   "private": true,
   "dependencies": {
-    "axios": "^0.24.0",
-    "dompurify": "^2.4.1",
+    "axios": "^1.5.1",
+    "dompurify": "^3.0.6",
     "jsroot": "^7.3.1",
     "lodash": "^4.17.15",
-    "mime": "^2.4.4",
+    "mime": "^3.0.0",
     "moment": "^2.24.0",
-    "node-sass": "^7.0.0",
+    "node-sass": "^9.0.0",
     "prop-types": "^15.7.2",
-    "query-string": "^6.13.4",
+    "query-string": "^8.1.0",
     "react": "^18.2.0",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^18.2.0",
     "react-minimal-pie-chart": "^8.0.1",
-    "react-redux": "^7.1.1",
+    "react-redux": "^8.1.3",
     "react-router-dom": "^6.17.0",
     "react-scripts": "^5.0.0",
     "redux": "^4.0.4",
@@ -53,7 +53,7 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.16.12",
+    "@babel/core": "^7.23.2",
     "@babel/eslint-parser": "^7.16.5",
     "@babel/plugin-proposal-private-property-in-object": "^7.16.7",
     "@craco/craco": "^7.1.0",
@@ -70,5 +70,10 @@
     "prettier": "^3.0.3",
     "semantic-ui-less": "^2.4.1",
     "source-map-explorer": "^2.5.0"
+  },
+  "jest": {
+    "transformIgnorePatterns": [
+      "node_modules/(?!axios)/"
+    ]
   }
 }

reana-ui/src/pages/workflowDetails/components/WorkflowLogs.js

@@ -144,7 +144,9 @@ JobLogs.propTypes = {
 export default function WorkflowLogs({ workflow, engine = false }) {
   const dispatch = useDispatch();
   const loading = useSelector(loadingDetails);
-  const { engineLogs, jobLogs } = useSelector(getWorkflowLogs(workflow.id));
+  const { engineLogs = "", jobLogs = {} } = useSelector(
+    getWorkflowLogs(workflow.id),
+  );
 
   useEffect(() => {
     dispatch(fetchWorkflowLogs(workflow.id));

reana-ui/src/selectors.js

@@ -56,10 +56,7 @@ export const getWorkflowRefresh = (state) => state.workflows.workflowRefresh;
 // Details
 export const loadingDetails = (state) => state.details.loadingDetails;
 export const getWorkflowLogs = (id) => (state) =>
-  (id in state.details.details && state.details.details[id].logs) || {
-    jobLogs: {},
-    engineLogs: "",
-  };
+  id in state.details.details && state.details.details[id].logs;
 export const getWorkflowFiles = (id) => (state) =>
   id in state.details.details && state.details.details[id]?.files?.items;
 export const getWorkflowFilesCount = (id) => (state) =>