Page filter with query as parameter or create new page

[28development]

I have a page that shows a bunch of movies. The user is able to save specific movies to their favorites list. If I click on the "my favorite" button I would like to show only the movies which are selected as favorites.

Should I for this case create a new page inside movies/[favorites].ts or should I add a query to the URL like this ?favorites and resort the list?

I would actually prefer just to query and resort the list but I read somewhere on GitHub or StackOverflow (not sure forgot the resource), that one should create a new page inside pages.

But that would lead to code duplication I think since it is the exact same style on the default movie list.

export const getStaticProps: GetStaticProps = async context => {
  const query = context.params;
  const { data } = await axios.get(getGamesRoute);

  return {
    props: {
      games: data
    },
  }
}