fix lint errors, client do not fail build if sentry not available

.eslintrc

@@ -7,7 +7,8 @@
 
   "rules": {
     "object-curly-spacing": ["error", "always"],
-    "react/prop-types": 0
+    "react/prop-types": 0,
+    "linebreak-style": "off"
   },
   "env": {
     "es6": true,

client/components/Box.js

@@ -1,4 +1,3 @@
-import React from 'react'
 import styled from 'styled-components'
 import {
   space,

client/components/Button.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import styled from 'styled-components'
 import { layout, space, display, flexbox, variant } from 'styled-system'
 import css from '@styled-system/css'

client/components/Navigation.js

@@ -248,7 +248,11 @@ const Navigation = ({ isMobile, menuIsOpen, setMenuIsOpen }) => {
       >
         <Text color="grey" fontSize={0}>
           Powered by{' '}
-          <a href="https://github.com/tdjsnelling/sqtracker" target="_blank">
+          <a
+            href="https://github.com/tdjsnelling/sqtracker"
+            target="_blank"
+            rel="noreferrer"
+          >
             ■ sqtracker
           </a>{' '}
         </Text>

client/components/Select.js

@@ -31,7 +31,7 @@ const StyledSelect = styled.select(
   typography
 )
 
-const Select = ({ label, rows, ...rest }) => {
+const Select = ({ label, ...rest }) => {
   return (
     <WrapLabel label={label}>
       <Box position="relative" display="inline-block">

client/next.config.js

@@ -23,6 +23,9 @@ const nextConfig = {
 
 const sentryWebpackPluginOptions = {
   silent: true,
+  errorHandler: (err, invokeErr, compilation) => {
+    compilation.warnings.push('Sentry CLI Plugin: ' + err.message)
+  },
 }
 
 module.exports = withSentryConfig(nextConfig, sentryWebpackPluginOptions)

client/pages/_error.js

@@ -13,7 +13,11 @@ const ErrorPage = () => (
     </Text>
     <Text>
       If the error persists, please{' '}
-      <a href="https://github.com/tdjsnelling/sqtracker/issues" target="_blank">
+      <a
+        href="https://github.com/tdjsnelling/sqtracker/issues"
+        target="_blank"
+        rel="noreferrer"
+      >
         report it
       </a>
       . For now,{' '}

client/pages/torrent/[infoHash].js

@@ -487,6 +487,7 @@ const Torrent = ({ token, torrent, userId, userRole, uid }) => {
         <Box display="flex" flexWrap="wrap" ml={-1} mt={-1}>
           {torrent.tags.map((tag) => (
             <Box
+              key={`tag-${tag}`}
               bg="sidebar"
               border="1px solid"
               borderColor="border"

client/pages/user/[username].js

@@ -239,6 +239,7 @@ const User = ({ token, user, userRole }) => {
         <Box>
           {user.comments.map((comment) => (
             <Comment
+              key={`comment-${comment._id}`}
               comment={{ ...comment, user: { username: user.username } }}
             />
           ))}