[FEATURE] Add QR code generation for public profile sharing

[Kokila-chandrakar]

Description

Currently, users can share their public DevTrack profiles through X, LinkedIn, the native share sheet, or by copying the profile link. While these options work well for online sharing, there is no convenient way to share profiles in person or across devices.

To improve accessibility and user experience, add a QR Code sharing feature that generates a scannable QR code for the user's public profile URL.

Expected Behavior

• Add a "Show QR Code" button in the profile sharing section.
• Clicking the button should open a modal displaying a QR code generated from the user's profile URL.
• Users should be able to scan the QR code using a mobile device and instantly open the profile.
• Provide a Download QR Code option so users can save and share the QR image externally.
• The modal should be dismissible using a close button or clicking outside the modal.

Suggested Implementation

• Create a reusable ProfileQrModal component.
• Generate QR codes using a React QR code library such as react-qr-code or qrcode.react.
• Manage modal visibility using React state.
• Pass the public profile URL as a prop to the QR modal.
• Allow users to download the generated QR code as an image.

Benefits

• Enables quick profile sharing during events, hackathons, and meetups.
• Improves cross-device accessibility.
• Complements existing sharing methods without affecting current functionality.
• Provides a modern and user-friendly sharing experience.