Refactor: Break down row component.

package.json

@@ -9,16 +9,17 @@
     "@primer/components": "^18.1.1",
     "@testing-library/jest-dom": "^5.5.0",
     "@testing-library/react": "^10.0.4",
-    "@welldone-software/why-did-you-render": "^4.1.3",
     "animejs": "^3.2.0",
     "axios": "^0.19.2",
     "chart.js": "^2.9.3",
+    "classnames": "^2.2.6",
     "corejs-typeahead": "^1.3.1",
     "d3": "^5.16.0",
     "date-fns": "^2.12.0",
     "date-fns-tz": "^1.0.10",
     "deepmerge": "^4.2.2",
     "fast-deep-equal": "^3.1.1",
+    "immer": "^6.0.3",
     "node-sass": "^4.14.0",
     "react": "^16.13.1",
     "react-chartjs-2": "^2.9.0",
@@ -35,7 +36,8 @@
     "react-use": "^14.2.0",
     "source-map-explorer": "^2.4.2",
     "styled-components": "^5.1.0",
-    "topojson": "^3.0.2"
+    "topojson": "^3.0.2",
+    "underscore": "^1.10.2"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -72,6 +74,7 @@
     ]
   },
   "devDependencies": {
+    "@welldone-software/why-did-you-render": "^4.1.3",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "eslint": "^6.8.0",