[R20-1969] add skeletons to site search

[lambry]

Issue: https://digital-vic.atlassian.net/browse/R20-1969

What I did

• Update site search to bring it inline with search listings/custom collections. i.e. add skeleton loader, scroll to results.

https://github.com/dpc-sdp/ripple-framework/assets/287178/5da9df39-3216-4f5c-a47f-2ad5ffb90718

Notes

One change in this PR is to swap the element type (in the search result layout components) when loading has completed, this was best way to ensure the results correctly replace skeleton screens in cypress. Without it cypress will show the result content merged into the skeleton components (as seen below).

For all PR's

• [ ] I've added relevant changes to the project Readme if needed.
• [ ] I've updated the documentation site as needed.
• [ ] I have added unit tests to cover my changes (if not applicable, please state why in a comment)

For new components only

• [ ] I have added a story covering all variants
• [ ] I have checked a11y tab in storybook passes
• [ ] Any events are emitted on the event bus

[netlify[bot]]

✅ Deploy Preview for ripple-docs canceled.

Name	Link
🔨 Latest commit	2339b810dbd5be57d1bc4feb4b8debe47c9f9dbb
🔍 Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/667b5733a6c53c0008d87cfc

[cypress[bot]]

Passing run #1975 ↗︎

0

172

0

0

0

Details:

Merge branch 'develop' into feature/skeleton-loading
Project: ripple-framework	Commit: 2339b810db
Status: Passed	Duration: 07:54 💡
Started: Jun 25, 2024 11:50 PM	Ended: Jun 25, 2024 11:58 PM

Review all test suite changes for PR #1233 ↗︎