Fix profile image issue and responsive view issues

Purpose

The purpose of this PR is to fix #172

Fix responsive issues related to mentor profile page and the ProfilePic component

Fix issues using tailwind breakpoints.

Screenshot 2024-08-19 at 23 34 59

[x] This PR doesn't commit any keys, passwords, tokens, usernames, or other secrets.
[x] I have read and understood the development best practices guidelines ( http://bit.ly/sef-best-practices )
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[ ] I have commented my code, particularly in hard-to-understand areas
[ ] I have made corresponding changes to the documentation

## Test environment ## Learning