chore: Use stricter eslint rules

Author: weaponsforge

client/.eslintrc.json

@@ -2,9 +2,15 @@
   "env": {
     "node": true,
     "browser": true,
-    "es6": true
+    "commonjs": true,
+    "es2021": true
   },
-  "extends": "next/core-web-vitals",
+  "extends": [
+    "next/core-web-vitals",
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
   "plugins": [
      "eslint-plugin-react", "eslint-plugin-react-hooks"
   ],
@@ -15,7 +21,10 @@
      "semi": ["error", "never"],
      "no-unused-vars": "error",
      "no-undef": "error",
-     "no-trailing-spaces": "error",
-     "no-console": ["error", { "allow": ["error"] }]
+     "no-console": ["error", { "allow": ["error"] }],
+     "react/react-in-jsx-scope": "off",
+     "no-restricted-imports": [
+      "error", { "patterns": ["@/features/*/*"] }
+     ]
   }
-}
+}

client/src/common/layout/page/index.js

@@ -1,6 +1,7 @@
+import PropTypes from 'prop-types'
 import HeadComponent from '../head'
 
-export default function Page ({ children }) {
+function Page ({ children }) {
   return (
     <div style={{
       height: '100vh',
@@ -11,3 +12,10 @@ export default function Page ({ children }) {
     </div>
   )
 }
+
+Page.propTypes = {
+  children: PropTypes.node
+}
+
+export default Page
+

client/src/common/ui/card/index.js

@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types'
 import styles from './Card.module.css'
 
 function Card ({ children }) {
@@ -8,4 +9,8 @@ function Card ({ children }) {
   )
 }
 
+Card.propTypes = {
+  children: PropTypes.node
+}
+
 export default Card

client/src/features/users/userscontainer/users.js

@@ -58,7 +58,9 @@ function UsersComponent ({
 
 UsersComponent.propTypes = {
   addUser: PropTypes.func,
-  deleteUser: PropTypes.func
+  deleteUser: PropTypes.func,
+  deleteTodo: PropTypes.func,
+  addTodo: PropTypes.func,
 }
 
 export default UsersComponent

client/src/pages/_app.js

@@ -1,12 +1,20 @@
+import PropTypes from 'prop-types'
 import { Provider } from 'react-redux'
 import { store } from '@/store/store'
 
 import '@/styles/globals.css'
 
-export default function App({ Component, pageProps }) {
+function App({ Component, pageProps }) {
   return (
     <Provider store={store}>
       <Component {...pageProps} />
     </Provider>
   )
 }
+
+App.propTypes = {
+  Component: PropTypes.func,
+  pageProps: PropTypes.object
+}
+
+export default App