fix(security): allow more strict CSP for SVG assets (#9209)

Refs #7540

src/core/components/model.jsx

@@ -68,7 +68,7 @@ export default class Model extends ImmutablePureComponent {
     if(!schema) {
       return <span className="model model-title">
               <span className="model-title__text">{ displayName || name }</span>
-              <img src={RollingLoadSVG} height={"20px"} width={"20px"} />
+              <RollingLoadSVG height="20px" width="20px" />
             </span>
     }
 

src/core/components/operation.jsx

@@ -123,7 +123,7 @@ export default class Operation extends PureComponent {
           <Collapse isOpened={isShown}>
             <div className="opblock-body">
               { (operation && operation.size) || operation === null ? null :
-                <img height={"32px"} width={"32px"} src={RollingLoadSVG} className="opblock-loading-animation" />
+                <RollingLoadSVG height="32px" width="32px" className="opblock-loading-animation" />
               }
               { deprecated && <h4 className="opblock-title_normal"> Warning: Deprecated</h4>}
               { description &&

src/standalone/plugins/top-bar/components/Logo.jsx

@@ -4,6 +4,6 @@
 import React from "react"
 import SwaggerUILogo from "../assets/logo_small.svg"
 
-const Logo = () => <img height="40" src={SwaggerUILogo} alt="Swagger UI" />
+const Logo = () => <SwaggerUILogo height="40" />
 
 export default Logo