adds prefers-reduced-motion to scroll behaviour

[mediaformat]

Closes

What type of PR is this? (put an x to all applicable)

• [x] 🍕 Feature
• [x] 🐛 Bug Fix
• [ ] 📝 Documentation Update
• [ ] 🎨 Style
• [ ] 🧑‍💻 Code Refactor
• [ ] 🔥 Performance Improvements
• [ ] ✅ Test
• [ ] 🤖 Build
• [ ] 🔁 CI
• [ ] 📦 Chore (Release)
• [ ] ⏩ Revert

Link to test

Description

This PR adds media query detection of user preferences relating to motion, and applies scroll-behavior: auto;.

Related Tickets & Documents

• https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior
• https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

Mobile & Desktop Screenshots/Recordings

https://github.com/WebDevStudios/wd_f/assets/2895351/53459500-1001-4bcc-a277-2aba17088227

Caption: Video starts with reduced motion pref true, I turn it off and it restores smooth-scroll behaviour.

Added tests?

• [ ] 👍 yes
• [x] 🙅 no, because they aren't needed
• [ ] 🙋 no, because I need help

Added to documentation?

• [ ] 📜 README.md
• [ ] 📓 Confluence
• [ ] 🙅 no documentation needed

Others

• [x] 🦮 Is this issue accessible? (Section 508/WCAG 2.0AA)
• [x] 🙌 Does this issue pass all the linting? (PHPCS, ESLint, SassLint)

[mediaformat]

@khleomix if you want to test this you can refer to an implementation an Paramount