Resolve SEO issues

[idabblewith]

Live 3.3.1 has significantly improved SEO. This is the SEO result before and after the patch:

• Performance: 52 -> 54
• Accessibility: 66 -> 98
• Best Practices: 62 -> 96
• SEO: 52 -> 92

Performance is about the same as it is primarily impacted by the time taken to load the javascript on the client due to vanilla react (client-side vs server-side rendering).

However, there are a few improvements to be made for the next patch:

• (Performance) Avoid large layout shifts: 3 layout shifts are being detected
• Animate pulse skeleton of card on staff page
• The card itself as it expands if the text content is larger
• Header logo on staff page
• (Accessibility) Heading elements are not in sequentially-descending order: This is due to h4 being used for the name of users on their card where there is no h1-3
• (Best Practices) Browser errors logged to console: Remove console logs for ordinary users (suppress log of 403 error for /me)
• (Best Practices) NOFIX: Missing source maps for large first-party Javascript. This is to be ignored.
• (SEO) Document doe not have a valid rel=canonical. Adjust the SEO logic to account for this with meta and link tags (alternatively create a version of generateMeta(), as a more elegant solution).

[idabblewith]

Moving to "Would be nice" as public section of web app is currently paused to allow staff to update their details