Added Follower and Following List to Profile Page

[IkkiOcean]

PR Title:

Add Follower and Following List to Profile Page

Description:

This PR adds two new sections to the profile page: Followers and Following. The sections display lists of users who follow the logged-in user and the users they are following, respectively.

• The Followers section displays a list of users who follow the current user.
• The Following section displays a list of users the current user is following.
• Both lists are fetched from the backend using the GET /user/:id/followers-following route, which returns the followers and following data.
• The lists are scrollable if there are more users than can fit in the available space.

Changes:

• Profile Page: Updated UI to include the Followers and Following sections.
• Fetching Data: Integrated the backend API (GET /user/:id/followers-following) to fetch followers and following data.
• Error Handling: Added error handling for failed API requests.
• Styling: Added styles to make the lists scrollable and responsive.
• Responsive Design: Ensured that the new sections are mobile-friendly and adjust to different screen sizes.

Related Backend Route:

• Route: GET /user/:id/followers-following (handled by UserController.getFollowerAndFollowingList)

related issue:

• closes FEATURE: Add Feature to View Following and Follower List #441

Screenshots:

folo.mp4

[netlify]

👷 Deploy request for delightful-daifuku-a9f6ea pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	9797be2

[IkkiOcean]

@AlfiyaSiddique hey please look into it. this would be probably my last PR in the event

[IkkiOcean]

@AlfiyaSiddique mam please merge.

[github-actions]

🎉 Thank you @IkkiOcean Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀