[FEATURE]: Replace letter-based social buttons with official platform icons

### Feature and its Use Cases

What is the feature?

Currently, the share dialog displays social platforms using placeholder letters (e.g., W, F, X, L, T) instead of their official brand icons. I would like to replace these letters with the corresponding platform icons using a lightweight icon library such as react-icons or any existing icon library already used in the project.

How would users benefit from it?

1. Improves the overall UI and visual appeal.
2. Makes each social platform instantly recognizable.
3. Provides a more modern and professional user experience.
4. Aligns the share dialog with common UI standards used across web applications.

### Additional Context

The current share dialog displays letters such as W, F, X, L, and T to represent social platforms. Replacing them with the official brand icons (WhatsApp, Facebook, X, LinkedIn, Telegram, etc.) would significantly improve the user interface while keeping the existing functionality unchanged.

A lightweight library such as react-icons can be used to implement this with minimal impact on bundle size.

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates