Broken Image Displayed When No Mentor Found for Specific Language/Tech Stack

[akshatggupta]

Issue Description: When navigating to the mentor section and searching for a specific language or tech stack that has no available mentor, the mentor card currently shows an image that fails to load. Instead of displaying this broken image, the card should either show a placeholder or a blank image.

Steps to Reproduce:

• Go to the mentor section on the site.

• In the search bar, type a language or tech stack that has no associated mentor (e.g., "Clojure" or "Perl").

• Notice the broken image that appears in the mentor card.

Expected Behavior: When no mentor is available for a specific language or tech stack, the mentor card should display a blank image or a placeholder (e.g., "No mentor available").

Actual Behavior: The mentor card shows a broken image (failed to load), which negatively affects the user experience.

Possible Fix:

• Add a conditional check to ensure that if no mentor is found, a default placeholder image or blank card is displayed.
• Verify the image handling logic to ensure that broken links or unavailable mentor images are gracefully handled.

Screen-recording Regarding This issue:

mentor.issue.mp4

[shambhavichaurasia]

please assign this task to me

[dragon-slayer875]

Assigned @shambhavichaurasia XD