Add Fallback for Missing Profile Pictures

[NazireAta]

📌 Implement a Feature

🏡 Component

• Backend
• Frontend
• Mobile
• Design
• Documentation
• Other

📚 Description

Currently, some components in the application either do not have a fallback for missing profilePicture fields or rely on a generic placeholder image (e.g., https://placehold.co/640x640). This leads to inconsistent behavior and design across the platform.

The task involves updating all components that display profile pictures to find, download, and use a consistent placeholder image (frontend/src/assets/placeholder_profile.png) whenever the profilePicture is missing, null, or undefined.

📋 Acceptance Criteria

• All components that display user avatars/profile pictures should use frontend/src/assets/placeholder_profile.png as a fallback.
• Components without an existing fallback should now properly display the placeholder image.
• Verify consistency across the app to ensure no broken images are displayed.

📅 Deadline

• Estimated hours of work: 4 hours
• Implementation Deadline: December 14
• Review Deadline: December 17

👁‍🗨 Reviewer

@asligook

[NazireAta]

closed by #680