fix(home): ie11 support: fix top and bottom svgs

src/components/Waves/styles.tsx

@@ -13,6 +13,7 @@ const waves = css`
 export const StyledWavesTop = styled(WavesTop)`
   ${waves};
   top: 0;
+  left: 0;
 `
 
 export const StyledWavesBottom = styled(WavesBottom)`

src/images/waves-bot.svg

@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 862">
+<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYmax slice">
   <mask id="#bot_mask" width="1825" height="862" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v862H0z"/>
   </mask>

src/images/waves-top.svg

@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 859">
+<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMinYMin meet">
   <mask id="top_mask" width="1825" height="859" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v859H0z"/>
   </mask>