Implement loading icon or hover effect

[bcgv123]

Description

https://apps.nrs.gov.bc.ca/int/jira/browse/SHOWCASE-3167

Hover effect: css has been used as the last tool, as font-awesome-icons do not support hover animation.
Loading icon: primevue spinner has been used for Bucket and Object tables.

Fix after Tyler's comment:

Types of changes

Checklist

• I have read the CONTRIBUTING doc
• I have checked that unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments

[github-actions]

Coverage Report (Application)

Totals
Statements:	75% ( 51 / 68 )
Methods:	62.5% ( 5 / 8 )
Lines:	82.61% ( 38 / 46 )
Branches:	57.14% ( 8 / 14 )

[github-actions]

Coverage Report (Frontend)

Totals
Statements:	41.17% ( 401 / 974 )
Methods:	39.91% ( 91 / 228 )
Lines:	49.65% ( 287 / 578 )
Branches:	13.69% ( 23 / 168 )

[tpantella]

Reviewed using https://bcbox-dev-pr-82.apps.silver.devops.gov.bc.ca/ as provided by Dragan.

Hover appears good, a spot test around various actions seem appropriately subtle as a slight difference in lightness/darkness, agree with the dev choice to lighten darker elements on hover.

Loading animation of table appears to be red circle. Red usually indicates failure and is not a prominent colour in our scheme, not sure if this is an error or intentional but loading should be a shade of blue or grey for consistency. Table also briefly loads with large dark grey dectangle, would prefer a subtle loading colour more congruent with the design such as a white.

Attaching image I was able to capture of red spinner, it's tough to get because it's so quick so you only see part of it.

[bcgv123]

Reviewed using https://bcbox-dev-pr-82.apps.silver.devops.gov.bc.ca/ as provided by Dragan.

Hover appears good, a spot test around various actions seem appropriately subtle as a slight difference in lightness/darkness, agree with the dev choice to lighten darker elements on hover.

Loading animation of table appears to be red circle. Red usually indicates failure and is not a prominent colour in our scheme, not sure if this is an error or intentional but loading should be a shade of blue or grey for consistency. Table also briefly loads with large dark grey dectangle, would prefer a subtle loading colour more congruent with the design such as a white.

Attaching image I was able to capture of red spinner, it's tough to get because it's so quick so you only see part of it.

As requested, overwriting spinner colour to grey and loading overlay to white.