Bug Report: Non-clickable and Improperly Styled Links on Contact Page

[akshay0611]

Describe the bug
The email and phone number on the Contact page are displayed as plain text, making them non-clickable and reducing usability. Additionally, when converted to links (mailto: and tel:), they default to the browser's blue link styling, which is inconsistent with the rest of the design.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Contact Us page.
2. Look for the Email and Phone details.
3. Notice that they are not clickable.
4. If converted to clickable links, they appear blue with underlines, clashing with the design.

Expected Behavior

1. The email should be a clickable link using mailto: to open the default email client.
2. The phone number should be a clickable link using tel: to open the dialer.
3. The links should inherit the existing text styling (color: #555) and avoid browser-default blue link styling or underline.

Screenshots Before
Email and phone displayed as plain text (not clickable):

Screenshots After Fix
Clickable links styled to match the page design:

Check List

• [] I am contributing under GSSoC-ext
• [] I am contributing under Hacktoberfest
• [✅] I follow contribution guidelines

Additional Context
This issue impacts both usability (non-clickable links) and UI consistency (default blue styling of links). Fixing this ensures a seamless user experience and aligns the Contact page with the project's design language.