Javascript Filterable Table in Render for Objects on Canvas

We have a HTML5 canvas rendering images based on parameters. Pure Javascript and HTML and pretty straightforward. You will be taking over ongoing development from another freelancer. Please check out the file and readme attached. For this stage of development I need you to: - Display the Pick-and-Place array in a filterable and sortable table left of the canvas, display canvas on right - Table width is adjustable and increases or decreases canvas width - Min (pixels) and Max (pixels) of table defineable - Add button to collapse (hide) table to the side for full screen width view of canvas - When filtering in the table, only show the components which are in the filter as 100% opacity on the canvas, drop opacity of components which are filtered out of table to 20% - When clicking on a component on the canvas automatically jump to and highlight that row in the table in light yellow background color - When clicking a component in the table visually highlight that component by turning the body color of the chip from dark grey to yellow