fix(announcement): hide on mobile (#1765)

Author: Kikobeats

src/components/patterns/Announcement/Announcement.js

@@ -1,19 +1,17 @@
-import { Box, Badge, Link } from 'components/elements'
+import { Hide, Box, Badge, Link } from 'components/elements'
 import { theme } from 'theme'
 import React from 'react'
 
 const Announcement = ({ href, children, ...props }) => (
-  <Box {...props}>
-    <Link css={theme({ whiteSpace: 'pre-wrap', color: 'black' })} href={href}>
-      <>
+  <Hide breakpoints={[0]}>
+    <Box {...props}>
+      <Link css={theme({ whiteSpace: 'pre-wrap', color: 'black' })} href={href}>
         <Badge css={theme({ mr: 2 })}>new</Badge>
         {children}
         {/* {' →'} */}
-      </>
-    </Link>
-
-  </Box>
-
+      </Link>
+    </Box>
+  </Hide>
 )
 
 export default Announcement