refractor: fixed contact UI & alignments.

[Mohd-FaiZ-Jr]

refractor: enhancing the UI of contact us section.

• Have you renamed the PR Title in a meaningful way?

Related Issue

Closes: #436

Description

Have enhanced the UI in contact us section. Aligned the texts properly and fixed colour contraction.

Type of change

What sort of changes have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• My code follows the code style of this project.
• I have followed the contribution guidelines
• I have performed a self-review of my own code.
• I have ensured my changes don't generate any new warnings or errors.
• I have updated the documentation (if necessary).
• I have resolved all merge conflicts.

Before:

After:

[netlify]

✅ Deploy Preview for skillwise ready!

Name	Link
🔨 Latest commit	7dad299
🔍 Latest deploy log	https://app.netlify.com/sites/skillwise/deploys/6709105f63c15d0008b7c488
😎 Deploy Preview	https://deploy-preview-438--skillwise.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.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
skillwise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 11, 2024 11:48am

[PriyaGhosal]

@Mohd-FaiZ-Jr Please see the conflicts . Resolve the conflicts . Ensure you pull all the latest changes before pushing your feature/bug fixes to the main branch. After resolving the conflicts, please open a new PR for review.
Thank you!