fix aria issues and run prettier

gatsby-config.js

@@ -3,7 +3,7 @@ module.exports = {
     title: `Skynet`,
     description: `Skynet is a decentralized file sharing and content distribution protocol.`,
     author: `Nebulous`,
-    siteUrl: 'https://siasky.net'
+    siteUrl: `https://siasky.net`
   },
   plugins: [
     `gatsby-plugin-sass`,

src/components/CodeExamples/CodeExamples.js

@@ -1,15 +1,15 @@
 import React, { useState } from "react";
 import classNames from "classnames";
 import { Light as SyntaxHighlighter } from "react-syntax-highlighter";
-import { javascript, go, python, bash } from 'react-syntax-highlighter/dist/esm/languages/hljs';
+import { javascript, go, python, bash } from "react-syntax-highlighter/dist/esm/languages/hljs";
 import Colors from "./Colors";
 import * as snippets from "./Code";
 import "./CodeExamples.scss";
 
-SyntaxHighlighter.registerLanguage('javascript', javascript);
+SyntaxHighlighter.registerLanguage("javascript", javascript);
-SyntaxHighlighter.registerLanguage('go', go);
+SyntaxHighlighter.registerLanguage("go", go);
-SyntaxHighlighter.registerLanguage('python', python);
+SyntaxHighlighter.registerLanguage("python", python);
-SyntaxHighlighter.registerLanguage('bash', bash);
+SyntaxHighlighter.registerLanguage("bash", bash);
 
 export default function CodeExamples() {
   const [active, setActive] = useState(1);

src/components/HomeUpload/HomeUpload.js

@@ -96,8 +96,8 @@ export default class HomeUpload extends Component {
                   <p>Paste the link to retrieve your file</p>
 
                   <form className="home-upload-retrieve-form" onSubmit={this.handleSkylink}>
-                    <input name="skylink" type="text" placeholder="sia://" />
+                    <input name="skylink" type="text" placeholder="sia://" aria-labelledby="Skylink" />
-                    <button type="submit">
+                    <button type="submit" aria-label="Retrieve file">
                       <DownArrow />
                     </button>
                   </form>

src/components/Mailing/Mailing.js

@@ -20,7 +20,13 @@ const CustomForm = ({ status, message, onValidated, light, id }) => {
 
   return (
     <form className={classNames("home-stay-form", { light })} onSubmit={e => e.preventDefault()}>
-      <input ref={node => (email = node)} type="email" placeholder="Email Address" validate="true" />
+      <input
+        ref={node => (email = node)}
+        type="email"
+        placeholder="Email Address"
+        validate="true"
+        aria-labelledby="Email Address"
+      />
       <div className="home-form-stay-existing">
         <input ref={node => (user = node)} type="checkbox" id={id} />
         <label htmlFor={id}>I have previous experience using Sia</label>

src/svg/TopSwoosh.js

@@ -10,29 +10,10 @@ export default function TopSwoosh({ ...props }) {
       {...props}
     >
       <defs>
-        <filter
+        <filter id="a" width="103.4%" height="103.4%" x="-1.7%" y="-1.7%" filterUnits="objectBoundingBox">
-          id="a"
+          <feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"></feMorphology>
-          width="103.4%"
+          <feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
-          height="103.4%"
+          <feMorphology in="SourceAlpha" radius="1" result="shadowInner"></feMorphology>
-          x="-1.7%"
-          y="-1.7%"
-          filterUnits="objectBoundingBox"
-        >
-          <feMorphology
-            in="SourceAlpha"
-            operator="dilate"
-            radius="1"
-            result="shadowSpreadOuter1"
-          ></feMorphology>
-          <feOffset
-            in="shadowSpreadOuter1"
-            result="shadowOffsetOuter1"
-          ></feOffset>
-          <feMorphology
-            in="SourceAlpha"
-            radius="1"
-            result="shadowInner"
-          ></feMorphology>
           <feOffset in="shadowInner" result="shadowInner"></feOffset>
           <feComposite
             in="shadowOffsetOuter1"
@@ -40,11 +21,7 @@ export default function TopSwoosh({ ...props }) {
             operator="out"
             result="shadowOffsetOuter1"
           ></feComposite>
-          <feGaussianBlur
+          <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="4"></feGaussianBlur>
-            in="shadowOffsetOuter1"
-            result="shadowBlurOuter1"
-            stdDeviation="4"
-          ></feGaussianBlur>
           <feColorMatrix
             in="shadowBlurOuter1"
             values="0 0 0 0 0.341176471 0 0 0 0 0.709803922 0 0 0 0 0.376470588 0 0 0 0.3 0"