fix animations with stroke issues

client/src/components/anims/chaos.jsx

@@ -20,6 +20,7 @@ function projectile(x, y, radius, colour) {
             cy={y}
             r={radius}
             fill={colour}
+            stroke="none"
             filter={colour === '#a52a2a' ? 'url(#chaosRedFilter)' : 'url(#chaosBlueFilter)'}
         />
     );

client/src/components/anims/slay.jsx

@@ -20,6 +20,7 @@ function projectile(x, y, radius, colour) {
         <circle
             cx={x}
             cy={y}
+            stroke="none"
             r={radius}
             fill={colour}
         />
@@ -28,7 +29,7 @@ function projectile(x, y, radius, colour) {
 
 function sword(colour) {
     return (
-        <polygon points='150,150 100,75, 150,300, 200,75' fill={colour} id="sword" filter="url(#slayFilter)"></polygon>
+        <polygon points='150,150 100,75, 150,300, 200,75' stroke="none" fill={colour} id="sword" filter="url(#slayFilter)"></polygon>
     );
 }