react-movie | Modern fast movie database web app with React | User Interface library

Thank you in advance for reading this question.

What I am trying to do is: to insert a URL hyperlink to that container's item class at the bottom.

So far, I used map to call the data I input from another file. And I struggle to find some example to implement the hyperlink in such case.

or I can say - no idea how I should start letting that src or href work in this situation.

Here is what I expected and did not work

In my project i use "tailwindcss". I don't have any error but my project don't load. Just website loading and it's all. I give my github repo instead code, beacause i don't know, where problem. I hope, i can write links

Project - https://github.com/kirilchistov/react-movies

Problem:

I'm doing an application using moviedb api. The main part of the application is over. I am using React Router. I want to transfer the movies to a component named my favorite movies. But in the component hierarchy movie, navbar, favouriteFilms, PersonInfo components are at the same level.

When click on the Add to Favorites button, it is necessary to transfer from the movie component to my favorite movies component. How can I do that ?

I did not discard the blocks of code because they are too long, it will be enough if you tell the algorithm and how I can do it.

Live version of my app: https://alcnuvr-react-movie-app.netlify.app/

Thank you from now.