Fix endShape() to Properly Close Paths and Prevent Shape Merging

[Forchapeatl]

Resolves #7532

Changes:
Ensures this.clipPath.closePath happens on drawShape() before any new shape starts.

Screenshots of the change:

before:

after:

snippet:

var myImg;


async function setup() {
  createCanvas(400, 400);
  noSmooth();
  myImg = await loadImage("Stone_Retaining_wall.jpg");

}

function draw() {
  background(220);
  
  beginClip();
  beginShape();
  vertex(100,100);
  vertex(200,100);
  vertex(200,200);
  vertex(100,200);
  endShape();
  beginShape();
  vertex(200,150);
  vertex(300,150);
  vertex(300,250);
  vertex(200,250);
  endShape();
  
  circle(200,250,50);
  
  endClip();
  
  image(myImg,0,0);
}

PR Checklist

• npm run lint passes
• Inline reference is included / updated
• Unit tests are included / updated

[davepagurek]

Thanks @Forchapeatl!