Add animated status icons

[joepavitt]

Description

• Starting: Change the static ... icon from heroicons into an animated three dot flow animation.
• Installing & Importing: Change the static down arrow to an animated arrow.
• Restarting: Rotate & pulsate the existing "refresh" icon

Screen.Recording.2023-08-01.at.11.37.13.mov

Screen.Recording.2023-08-01.at.11.59.43.mov

Screen.Recording.2023-08-01.at.12.18.35.mov

Related Issue(s)

#2487

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
  • visual changes only

[codecov]

Codecov Report

Merging #2551 (6ffd455) into main (929a774) will decrease coverage by 73.06%.
Report is 3 commits behind head on main.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##             main   #2551       +/-   ##
==========================================
- Coverage   74.63%   1.58%   -73.06%     
==========================================
  Files         228     498      +270     
  Lines        9164   17794     +8630     
  Branches     1891    4152     +2261     
==========================================
- Hits         6840     282     -6558     
- Misses       2324   17512    +15188     

Flag	Coverage Δ
backend	?
frontend	1.58% <0.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed	Coverage Δ
frontend/src/components/StatusBadge.vue	0.00% <ø> (ø)
...ntend/src/components/icons-animated/Installing.vue	0.00% <0.00%> (ø)
...ntend/src/components/icons-animated/Restarting.vue	0.00% <0.00%> (ø)
...rontend/src/components/icons-animated/Starting.vue	0.00% <0.00%> (ø)

... and 443 files with indirect coverage changes

[joepavitt]

@Pezmc just switched this to draft as going to add some basic anims in for a bunch of states, they're all small wins.

[joepavitt]

Awaiting confirmation from @hardillb on what "loading" state represents before moving this into "ready for review"

"loading" state doesn't appear to be used, but keeping it in client side just in case we're missing it somewhere.

[hardillb]

Tested locally, looks good. Lets get this on Staging for a proper look

[hardillb]

Verified on Staging