QUESTION $1$ Building a Dynamic User Interface with ReactJS$[50$ MARKS$]$

Task: You are tasked with building a part of this web application using ReactJS.

Specifically, you need to create a component that:

$1.$ Create a functional and user$-$friendly UI using React components.

$2.$ Displays a list of movie characters available to the user $($Characters

Component$).$

$3.$ Allows users to filter the characters data plans based on their preferences

$($e$.$g$.,$ gender, species, eye colour$).$

$4.$ Shows the details of the selected data characters in a separate section

$($Characters Details Component$).$