Other/some fixes and lazy load images

[payapula]

Description

Image Improvements, NextJS Update, Lighthouse Fixes

Changes

• Next Updated to 11.1.0 - https://nextjs.org/blog/next-11
• Image Optimizations of Author avatar on Hero comonent
• Post covers would be loaded with blurDataURL, thanks to plaiceholder
• ❤️ Lighthouse corrections, achieved 100 on Homepage 🎉
• Added Discuss on Twitter to all the posts
• Added hyperlink to Footer Github link
• Added preconnect to vercel analytics

• Fixes

• GMAIL Link in Blog posts homepage
• Footer would be now server-side rendered : GMAIL issue for iphones handled in useEfect
• Color contrast fixes
• Blog post homepage title is colored gradient
• Favicon URL fixed. favicon/ instead of favicons/

Packages

• Next - Updated to 11.1.0 - https://github.com/vercel/next.js/releases/tag/v11.1.0
• plaiceholder & sharp for blurring Post Covers - https://github.com/joe-bell/plaiceholder

Additional Information

N/A

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/payapula/blog/8RmafKjghagFgDW3AiYTwg7Cx3EU
✅ Preview: https://blog-git-other-somefixesandlazyloadimages-payapula.vercel.app