Write a component named SkillsForJob that receives a list of jobs as prop:
type Job: {
id: string;
name: string;
skillsNeeded: string[];
}
The component should display a list of all unique skills across all jobs. Users can select or deselect skills, and based on their selection, show the jobs that match at least one selected skill.
The matching jobs should be rendered inside a list, each job on it's own list item. Put this list in a section with the heading: Possible jobs: as in the demo below.
If no jobs match the current checkbox selection, display the message "No matching jobs".