refactor(MobileMenu & TheNavbar): convert to UnoCSS, reduce boilerplate

[Readpato]

Description

• Update MobileMenu && TheNavbar to utilize UnoCSS when possible
• Reduce boilerplate in both above mentioned components by utilizing better template logic
• Create CtaComponent and CtaIcon components that will help us unify and utilize only two components for CTAs.
• Create useGlobalScrollLock function that blocks document scroll when the MobileMenu is shown.
• Add minimal lint and formatting to App.vue.
• Create stylelint script for NPM.
• Add a nice blurred and reduced opacity style to TheNavbar 😎

Pushes forward #89

Changes

What kind of change does this PR introduce? (check at least one by adding an "x" between the brackets)

• Bugfix
• Feature
• Code style update
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change? (check one)

• Yes
• No

If yes, please describe the impact and migration path for existing applications: -

The PR fulfills these requirements:

• Schrödinger Hat code of conduct

If adding a new feature, the PR's description includes:

• A convincing reason for adding this feature (to avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it)

[netlify]

✅ Deploy Preview for suspicious-boyd-b429fe ready!

Name	Link
🔨 Latest commit	b52b1bc
🔍 Latest deploy log	https://app.netlify.com/sites/suspicious-boyd-b429fe/deploys/64f8e1c81983350008a79a3a
😎 Deploy Preview	https://deploy-preview-91--suspicious-boyd-b429fe.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.