Scroll bug in Map and Footer is inconsistent with the theme.

[yash6318]

• The details are blurred in the map in Contact Us when someone scrolls the map accidently then it fades for 2 seconds.

• The footer appears inconsistent with the overall theme of the site.

Expected Behavior

• The fading on scrolling on the map should zoom based on scrolling instead.

• Also blog entries should not contain the "Challenge and submission" section (submission guidelines, deadlines, etc.) in them.

Current Behavior

• Scrolling the map section fades it for the 2 seconds unnecessarily.
• Blog entries show the old CSoC'21 Challenges with all the submission guidelines.
• Footer is in light theme with provides a poor user experience.

Possible Solution

• Scrolling the map should zoom on it based on scrolling gesture.
• We can remove the submission part in the blog entries since it does not adhere the post.
• Footer should be devoloped in the dark theme adhering the overall theme of the site.

Steps to Reproduce (for bugs)

1. Go to Contact Us page and just scroll the map part.
2. Go to the footer section.
3. Go to the Blog page and read any blog to find the submission part.

Your Environment

• Version used:
• Environment name and version (e.g. Node 8):
• Operating System and version: Ubuntu 22.04
• Link to your project: