feat(lxl-web): Revised startpage and improved appbar accessibility

[johanbissemattsson]

Revised PR replacing #1635

Description

Solves

A visual refresh of the start page (adding a hero image and refining styling) and improved accessibility of the app bar (changes to the expanded search is saved for a later PR).

Summary of changes

• Revised start page with hero image and refined styling
• Prevent layout shifting on start page
• Improve accessibility of the app bar
  • Better tab-ordering
  • Larger app bar contents on larger breakpoints
  • Visible labels on smaller breakpoints
• Update search context
• Subpath imports for app.css
• Remove gradient on featured lists
• Add support for rendering search result lists as grids
• Prevent flickering expanded search when resetting
• Add skip to content component
• Remove autfocus for now which could cause some accessibility issues
• Added @sveltejs/enhanced-img for optimized hero images-
• Keep query when navigating (reverting change in feat(lxl-web): Redesigned start page with hero image #1635)
• Keep search field visible on /find routes (reverting change in feat(lxl-web): Redesigned start page with hero image #1635)

[jesperengstrom]

Nice! A smooth experience now I think. Liking that the flicker is removed 👍

Discovered some minor bugs/visual regressions. Will list them below. Would not say that any of them is blocking?

[jesperengstrom]

When you delete pills from mobile modal menu and close it, it's still there until reload. A regression.

[jesperengstrom]

A bit crammed "special collections" section on frontpage + 'explore' button is on top of text
.

[jesperengstrom]

Vertical scroll on some cards on front page cuts last line
.

[jesperengstrom]

Fjärrlån menu item and button no longer match in color. Black text on green is not sufficient color contrast
.

[johanbissemattsson]

Would not say that any of them is blocking?
When you delete pills from mobile modal menu and close it, it's still there until reload. A regression.

Good find, I would say that first one is blocking so I fixed it in 16c4c0. EDIT: 175c5a5

I agree with the others but they are more aesthetical so they could probably be saved for later.

[johanbissemattsson]

Fjärrlån menu item and button no longer match in color. Black text on green is not sufficient color contrast

My bad, this is also fixed in 9a52c0e

[olovy]

Still:

vertical scroll on start page

below 1000 px width

above 1000 px width - button is a bit crammed?

[johanbissemattsson]

Still:

vertical scroll on start page

below 1000 px width

above 1000 px width - button is a bit crammed?

These should be fixed in 69febcb and 61c9732.