[Refactor]: header social items

[priyankarpal]

File Name

https://github.com/reactplay/react-play/blob/main/src/common/header/HeaderNav.jsx#L127

Reason for Refactoring the Code

we need to refactor the navbar's social icons links using .map method

      <li>
            <Link
              className="app-header-btn app-header-btn--default"
              data-testid="leaderboard-btn"
              title="Leader Board"
              to="/leaderboard"
            >
              <BsTrophyFill className="icon idea-icon" />
              <span className="btn-label">Leader Board</span>
            </Link>
          </li>
          <li>
            <Link
              className="app-header-btn app-header-btn--default"
              data-testid="ideas-btn"
              title="Play Ideas"
              to="/ideas"
            >
              <FaLightbulb className="icon idea-icon" />
              <span className="btn-label">Idea</span>
            </Link>
          </li>
          <li>
            <a
              className="app-header-btn app-header-btn--default"
              data-testid="github-btn"
              data-umami-event="github-button"
              href="https://github.com/reactplay/react-play"
              rel="noopener noreferrer"
              target="_blank"
              title="GitHub page"
            >
              <BsGithub className="icon github-icon" />
              <span className="btn-label">GitHub</span>
            </a>
          </li>
          <li>
            <a
              className="app-header-btn app-header-btn--default"
              data-testid="twitter-btn"
              href="https://twitter.com/reactplayio"
              rel="noopener noreferrer"
              target="_blank"
              title="Twitter Page"
            >
              <FaXTwitter className="icon twitter-icon" />
              <span className="btn-label">Twitter</span>
            </a>
          </li>
          <li>
            <button
              className="app-header-btn app-header-btn--default"
              data-testid="share-btn"
              title="Show love"
              onClick={handleClick}
            >
              <IoHeartSharp className="icon share-icon" />
              <span className="btn-label">Share</span>
            </button>
          </li>

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I agree to follow this project's Code of Conduct
• I want to work on this issue

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[Shivam-Katare]

Hey @priyankarpal I can work on this issue. You can assign it to me

[priyankarpal]

Hey @priyankarpal I can work on this issue. You can assign it to me

sure