Friending Feature

[Guarotav]

Friending Feature

Implement a full friending system within the user profile section that includes:

• Displaying accurate friendship status between the logged-in user and the profile being viewed.
• Enabling users to send, accept, or cancel friend requests with real-time feedback.
• Showing dynamic friend request buttons reflecting the current friendship state (e.g., pending, accepted, none).
• Updating and displaying live friends count in real time using WebSocket events.
• Fetching and managing friends lists securely and efficiently.
• Providing a dedicated Friends List page showing all friends of a profile, with future support for searching and filtering.
• Creating reusable UI components for displaying friends (FriendsCard) with proper navigation links to user profiles.
• Handling loading and error states gracefully across all friending-related API calls and interactions.
• Ensuring all API requests for friending data are authenticated and data privacy is respected.
• Styling all friending UI elements consistently to provide clear user feedback and seamless UX.