feat(unit-tests): mocked service worker

Added mocked services worker for API mocking.
Removed json-server in favor of msw.
Added msw handlers that persist the data to localstorage.

Installed dependencies:
```
yarn add msw @mswjs/data --dev
npx msw init public/ --save
```

.env

@@ -1 +1,2 @@
-REACT_APP_POSTS_API_BASE_URL= "http://localhost:8000/posts"
+REACT_APP_API_BASE_URL= "http://localhost:8000"
+REACT_APP_MSW_ENABLED=true

README.md

@@ -118,7 +118,7 @@ npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
 * [Husky](https://typicode.github.io/husky/#/)
 * [commitlint](https://commitlint.js.org/#/) - Lint commit messages
 * [Standard Version](https://github.com/conventional-changelog/standard-version) - A utility for versioning using semver and CHANGELOG generation powered by Conventional Commits.
-
+* [Mock Service Worker](https://mswjs.io/)
 * [Redux Saga Test Plan](https://github.com/jfairbank/redux-saga-test-plan) - Redux Saga Test Plan aims to embrace both integration testing and unit testing approaches to make testing your sagas easy.
 
 ## Additional Links
@@ -131,4 +131,6 @@ npx husky add .husky/commit-msg 'npx --no -- commitlint --edit "$1"'
 * [MUI - theme switcher](https://mui.com/customization/dark-mode/)
 * [Level up your CSS linting using Stylelint](https://blog.logrocket.com/using-stylelint-improve-lint-css-scss-sass/)
 * [Create React App: A quick setup guide](https://blog.logrocket.com/create-react-app-a-quick-setup-guide-b812f0aad03c/)
-* [TypeScript Deep Dive](https://basarat.gitbook.io/typescript/)
+* [TypeScript Deep Dive](https://basarat.gitbook.io/typescript/)
+* [Bulletproof React](https://github.com/alan2207/bulletproof-react)
+* [Jest cheat sheet](https://github.com/sapegin/jest-cheat-sheet)

package.json

@@ -12,7 +12,6 @@
     "@reduxjs/toolkit": "^1.8.0",
     "history": "^5.3.0",
     "i18next": "^21.6.14",
-    "json-server": "^0.17.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.27.1",
@@ -30,11 +29,10 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "start:backend": "json-server --watch db.json --port 8000",
     "build": "react-scripts build",
     "eject": "react-scripts eject",
     "test": "react-scripts test",
-    "coverage": "react-scripts test --coverage",
+    "coverage": "react-scripts test --coverage  --watchAll=false",
     "format": "prettier --write 'src'",
     "eslint": "eslint --ext ts,tsx",
     "lint": "yarn lint:css && yarn eslint src",
@@ -66,8 +64,7 @@
   "devDependencies": {
     "@commitlint/cli": "16.2.1",
     "@commitlint/config-conventional": "16.2.1",
-    "@typescript-eslint/eslint-plugin": "5.14.0",
-    "@typescript-eslint/parser": "5.14.0",
+    "@mswjs/data": "^0.9.2",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
@@ -76,6 +73,8 @@
     "@types/react": "^17.0.20",
     "@types/react-dom": "^17.0.9",
     "@types/redux-logger": "^3.0.9",
+    "@typescript-eslint/eslint-plugin": "5.14.0",
+    "@typescript-eslint/parser": "5.14.0",
     "eslint": "8.11.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "16.1.2",
@@ -88,6 +87,7 @@
     "eslint-plugin-react-hooks": "4.3.0",
     "husky": "7.0.4",
     "lint-staged": "12.3.5",
+    "msw": "^0.39.2",
     "postcss-scss": "4.0.3",
     "prettier": "2.5.1",
     "redux-saga-test-plan": "^4.0.4",
@@ -98,9 +98,20 @@
     "stylelint-config-styled-components": "0.1.1",
     "stylelint-processor-styled-components": "1.10.0"
   },
+  "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/test/**",
+      "!src/index.tsx",
+      "!src/reportWebVitals.ts"
+    ]
+  },
   "lint-staged": {
     "src/*.{tsx,ts,js,jsx}": [
       "yarn lint"
     ]
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
 }