Many minor fixes to workflow execution algorithms

frontend/src/components/AppGrid1.jsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 import { useTheme } from '@material-ui/core/styles';
 import {Link} from 'react-router-dom';
 

frontend/src/components/Billing.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 
 import { useTheme } from "@material-ui/core/styles";
 import {
@@ -314,4 +314,4 @@ const Billing = (props) => {
 	)
 }
 
-export default Billing;
+export default Billing;

frontend/src/components/Header.js

@@ -869,6 +869,7 @@ const Header = (props) => {
         width: "100%",
         position: "fixed",
         minHeight: 60,
+				maxHeight: 60,
         top: 0,
         zIndex: 10000,
         backgroundColor: "inherit",

frontend/src/components/LandingpageUsecases.jsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import {isMobile} from "react-device-detect";
 import AppFramework, { usecases } from "../components/AppFramework.jsx";
 import {Link} from 'react-router-dom';
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 
 import { Button, LinearProgress, Typography } from '@material-ui/core';
 

frontend/src/components/Newsletter.jsx

@@ -1,7 +1,7 @@
 import React, {useState} from 'react';
 import { useTheme } from '@material-ui/core/styles';
 import {isMobile} from "react-device-detect";
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
 
 import {TextField, Typography, Button} from '@material-ui/core';
 
@@ -99,4 +99,4 @@ const Newsletter = (props) => {
 }
 
 
-export default Newsletter;
+export default Newsletter;