To begin, in the above image, $z$ has been taken to to be $x+iy$, allowing a multiplication by $i$ to result in: $iz=-y+ix$. In the diagram, they have actually shown the 2nd quadrant than the 4th quadrant. If the point given by $z$ was in the 4th quadrant, then wouldn't the angle be $-90^{\circ}$?
Finally, when we have $x+iy$, then it means that the y axis is the imaginary axis. Only, here we see the x axis as said imaginary axis. How is this possible?

The notation is misleading. It would be easier to understand, if they used following notation: