feat: reload job status every 5 sec. and show monitoring message

[dmijatovic]

Reload job status

Closes #72

Changes made:

• Add effect to reload job status after specified time (in ms). The time is stored in env variable HADDOCK3WEBAPP_REFRESH_RATE_MS. The default timeout is 10 sec.
• Show message "Monitoring state change..."
• Created DotsLoader component to show the message
• Added "Last checked on" to indicate the time when the last state was checked
• Not related: increased width of workflow section to fit all buttons in one row

Example

[sverhoeven]

I tried it with
12.zip which took 13 minutes on my machine and worked as expected.

We need to find the balance between refreshing enough times for the user and not stress the machine with all the polling for like a 100 queued jobs. It also depends on the deployment, it would be nice if the refresh rate could be set with an env var like HADDOCK3WEBAPP_REFRESH_RATE _MS.

[dmijatovic]

@sverhoeven I have refactored code to use env variable HADDOCK3WEBAPP_REFRESH_RATE_MS.
The variable is added to .env file in the deploy/arq.
Let me know if you have any other suggestions

[sverhoeven]

Tested it out and works as expected.

Split of #113 for later.

[sverhoeven]

Just tried it out. Last checked on field update every 30s. While the dots (dis)appear every second.

Ok to merge

[github-actions]

Please delete the images belonging to this Pull Request as they are no longer useful.

• ghcr.io/i-vresse/haddock3-webapp
• ghcr.io/i-vresse/bartender
• ghcr.io/i-vresse/certmaker

Goto versions page of each image, find version called pr-110, click on ... button and select Delete version.