This is perhaps going to be more complex than you are expecting, parts editor likely isn’t going to be able to do it. It looks like you are starting from the png files (not necessarily a bad place to start on something complex like this) so first it is desirable to convert the png to vector in Inkscape using the trace bit map function under path I think (likely Old_Grey’s video tutorial here shows how):
I’ve never had much luck with it, I’m more likely to use cut and paste in Inkscape to build up the necessary breadboard view by grabbing appropriate bits from other parts and then editing the files to add the connectors (which can be fairly complex til you know what you are doing). In this case assuming you start from the png and get it imported as an svg, you would then need to scale the image so the
connectors are on the .1 grif (it looks like they have, as so many do, offset some of the connectors by .05 though). Then I would usually use cut and paste in Inkscape to copy the breadboard view of a appropriately size .1 connector in to the svg and then edit the connections to their necessary values (the import will give them odd names because the connector numbers will collide). If you can get the pngs imported, vectorized and scaled to the .1 grid I’ll insert a connector (with directions on how to do it) and set the pins as an example and you can do the rest. Schematic is likely to be challenging as you need to split the 3 dimensional pins in to groups that will fit in the edges of a square but just putting the rows side by side along the square should do it. It looks like you mostly have pcb ok (at least at the pad level, the silk screen doesn’t have sufficient definition of the lines to render anything) although the connector names will likely need to change to match breadboard. You can upload the fzpz file to the forum directly by using the upload button (seventh from the left on the reply tool bar).
Peter