BUG: SVG <linearGradient> tag become <lineargradient> in canvas

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Microsoft Edge Version 99.0.1150.30

Reproducible demo link

https://grapesjs.com/demo.html

Describe the bug

How to reproduce the bug?

1. I have created a custom block with SVG, ex:

<svg height="150" width="400">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
    </linearGradient>
  </defs>
  <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />
</svg>

2. When I drop component into canvas, linearGradient become lineargradient.

Code of Conduct

• I agree to follow this project's Code of Conduct