Feature/Favouite Quotes and Optimized Mobile View

[payapula]

Description

Optimized for Mobile View. Added Favourite quotes on Homepage

Changes

• MDX - Changes to Mobile view and desktop view.
• Optimized for mobile reading.
• Code in mobile has small font size.
• Font size changes on p, h2 tags between mobile and desktops.
• On Desktops, width of the content is reduced for easier reading.
• Used global key of chakra theme override and accessed colorMode to style things differently.
• Removed useColorMode hook from common mdx file.
• Added Quotes component in portfolio main page.
• Adjusted width and background of Technologies to be contrasty.
• Responsive styles of post footer.

[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/AkLiSUvvkh2PMLZcWaQJxRiHHfkE
✅ Preview: https://blog-git-feature-mobileviewcode-payapula.vercel.app