Image does not display on react-native/expo screen

I'm watching and learning react-native/expo + appwrite from a tutorial. So, in this tutorial, some images are retrieved from the appwrite storage and displayed them on a screen. But in my end, the images are not being displayed and if I console log the image url, I can see a long link.

I'll provide all the code for the screen and the component where I'm loading the images below this main thread.

I double checked that all ther necessary permissions for all the logged in users are already allowed for the storage bucket.

Please help me someone to keep continue the tutorial and learn this properly. Also please let me know if you need more details regarding this project to help me with this project.

Thank you!

The screen where I'm displaying the images from the MenuCard component.

This is the MenuCard component where and how I retrieve the images from the storage bucket.

This is the appwrite.ts file where I've configured the appwrite

This is the custom hook .ts file where I got from the tutorial video

This is what I'm seeing for the console log in the MenuCard.tsx file

{
  "message": "Project with the requested ID could not be found. Please check the value of the X-Appwrite-Project header to ensure the correct project ID is being used.",
  "code": 404,
  "type": "project_not_found",
  "version": "1.7.4"
}