Improve implementation of Hosting Policy page

[rosalieper]

• Remove all custom CSS in favour of native Vuetify2 classes.
• Use v-alert instead of custom HTML and CSS.
• Use a color for the Assessment of size and load section that show links more clearly.
• Use v-icon instead of Unicode emojis so that the icons are consistent across devices.
• Remove incorrect use of strong, em, and u elements in favour of native Vuetify2 classes.

Bug: T422593

[github-actions]

Deployment previews on netlify for branch refs/pull/1121/merge will be at the following locations (when build is done):

• UI with mock store: https://ee581e0d61-mock--wbstack-ui.netlify.app/
• UI pointing to prod: https://ee581e0d61-prod--wbstack-ui.netlify.app/

[outdooracorn]

Managed to do a quick review.

I would comment out all the custom CSS and see how far you can get with Vuetify-native CSS classes. Reach out for collaboration if that is proving difficult. If we have to add custom CSS we should also write a comment explaining why it was necessary.

[outdooracorn]

Another quick review with some nitpicks. We are getting there :D

[outdooracorn]

Sorry, I wasn't very clear that we should remove all the strong and em elements unless the text is conveying importance or emphasis. Ask yourself, "if I was reading this sentence out loud, would I shout or otherwise emphasizes that part of the sentence?". If not, then the bold and/or italic styling should be done via CSS classes.

I've added some suggestions to provide more examples to go off, but I haven't done them all.

[rosalieper]

"if I was reading this sentence out loud, would I shout or otherwise emphasizes that part of the sentence?"

I went through it and i think i wouldn't shout for any of those text. probably not emphasize as well so i removed them all and used the css classes from your suggestions.

[outdooracorn]

This is looking good! I've spotted two minor changes to be resolved, but then I'm happy for this to be shown to Anton to make sure he is still happy after these changes, and then merged.

Removing my changes requested so that it's not being blocked if you want to ship this on Monday (once Anton has verified).

[outdooracorn]

I think we are nearly there! Two small comments.

Dat's away and his comments have been addressed

[outdooracorn]

Latest changes look good 👍. I've noticed two more places than need the Unicode emoji being removed.

[outdooracorn]

I'm happy with this now. Let's get PM review before merging.

[outdooracorn]

PM has reviewed the preview and approved