Merge pull request #348 from w3bdesign/develop

Fix https security hotspots in SVG

Author: w3bdesign

components/Cart/Cart.component.jsx

@@ -23,7 +23,7 @@ const Cart = () => {
         >
           <svg
             className="fill-current"
-            xmlns="http://www.w3.org/2000/svg"
+            xmlns="https://www.w3.org/2000/svg"
             width="55"
             height="55"
             viewBox="0 0 30 30"

components/Header/Hamburger.component.jsx

@@ -62,7 +62,7 @@ const Hamburger = () => {
             setisExpanded(prevExpanded => !prevExpanded);
           }}
           className="text-gray-900 fill-current"
-          xmlns="http://www.w3.org/2000/svg"
+          xmlns="https://www.w3.org/2000/svg"
           width="20"
           height="20"
           viewBox="0 0 20 20"
@@ -76,7 +76,7 @@ const Hamburger = () => {
             setisExpanded(prevExpanded => !prevExpanded);
           }}
           style={showXHideHamburgerAnimation}
-          xmlns="http://www.w3.org/2000/svg"
+          xmlns="https://www.w3.org/2000/svg"
           width="20"
           height="20"
           viewBox="0 0 20 20"

components/Header/Navbar.component.jsx

@@ -41,7 +41,7 @@ const Navbar = () => {
               <a className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg
                   className="mr-2 text-gray-800 fill-current"
-                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns="https://www.w3.org/2000/svg"
                   width="24"
                   height="24"
                   viewBox="0 0 24 24"

components/SVG/SVGCloseX.component.jsx

@@ -7,7 +7,7 @@ const SVGCloseX = ({ setisExpanded }) => {
       <svg
         width="80px"
         height="80px"
-        xmlns="http://www.w3.org/2000/svg"
+        xmlns="https://www.w3.org/2000/svg"
         viewBox="0 0 234.6 45.47"
         onClick={() => {
           setisExpanded(false);

components/SVG/SVGMobileSearchIcon.component.jsx

@@ -33,7 +33,7 @@ const SVGMobileSearchIcon = () => {
             setisExpanded(!isExpanded);
           }}
           fill="#000000"
-          xmlns="http://www.w3.org/2000/svg"
+          xmlns="https://www.w3.org/2000/svg"
           viewBox="0 0 50 50"
           width="20px"
           height="20px"

components/SVG/SVGX.component.jsx

@@ -7,7 +7,7 @@ const SVGX = ({ cartKey, products, handleRemoveProductClick }) => {
     <>
       <svg
         id="xsvg"
-        xmlns="http://www.w3.org/2000/svg"
+        xmlns="https://www.w3.org/2000/svg"
         width="20"
         height="20"
         viewBox="0 0 20 20"