React Typescript Simple Map View

Project Overview:
Develop a Tutor Locator Interface in React using OpenStreetMap, displaying both tutors and their learners on the map. Tutors and learners will be represented with distinct icons but matching colors to indicate relationships. A pop-up window will display relevant details for each tutor or learner when clicked.

Key Requirements:
Data Structure:

Use a static JSON file to source data - this will be compiled with the app so just put it in an assets directory.
JSON structure should support nested entries for learners under each tutor, as shown in the example below.
Each tutor and learner should include fields such as name, latitude, longitude, and additional key-value details for display in the pop-up.
User Interface:

Side Panel:
A search bar to filter tutor names in real time.
A list displaying tutors with their randomly assigned colors.
Each tutor entry should be expandable to reveal associated learners in a nested format.
Clicking on a tutor or learner should center the map on their respective location.
Map:
Utilize OpenStreetMap with Leaflet.js for rendering.
Display markers for tutors and learners:
Tutors should have a distinct icon (e.g., a person icon) and a unique, randomly assigned color.
Learners should have a different icon (e.g., a smaller or simpler person icon) but match their tutor's color.
When a marker is clicked, open a pop-up displaying key-value details from the JSON file for that tutor or learner.
Random Color Assignment:

Each tutor is assigned a unique color, applied consistently to their learners and used across the map and side panel.
Marker Interaction:

Clicking a marker for a tutor or learner opens a pop-up showing their details (name, additional information from JSON).
Clicking a tutor or learner in the side panel should also center the map on their location.

Search Functionality:
Implement live filtering in the side panel for tutor names.
Display a "No results found" message if no matches.
Center the map on selected results from the side panel.

MUST use react typescript
No server side involved
Use off the shelf components like react material for example
Use whatever CSS you prefer e.g. less, sass etc
See mockups