Fix #31: Contact page added.

[Shivangi-ch]

Explanation

Fixes #31: Added the contact page.

Type of Change:

• Code
• Quality Assurance
• User Interface
• Outreach

Checklist

• The PR title starts with "Fix #bugnum: "followed by a short, clear summary of the changes. ( If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...")
• [x ] The PR explanation includes the words "Fixes #bugnum: ..." ( or "Fixes part of #bugnum" if the PR only partially fixes an issue ).
• The PR does not contain any unnecessary auto-generated code from Android Studio.
• The PR does not break any part of the existing code.
• The PR creator have carefully read & adhere to the contributing guidelines of the project.
• The PR is raised for an issue that has been assigned to you.
• The PR is made to the branch that's called "develop".
• [x]The PR is raised from a branch that is up-to-date with "develop".
  

[Shivangi-ch]

@5tupidbrain please review!

[saranshhardaha]

Changes

- Make the animation start small
- Add the socials on right side below mail image.! and align them properly
- Show social and mail on mobile view also

[Shivangi-ch]

@5tupidbrain I have made the changes .

[Shivangi-ch]

Hey @5tupidbrain Please Review!

[saranshhardaha]

Resolve this issue

• Discord Icon is not inside "a" tag.

Changes

- Add padding and margin on top,
- Show mail Illustration on top Socials on bottom
- Center the elements.!
- Set input to use full width of the container [Don't set to use full screen width]
- Set fixed size for button