feat(article): fix editor

- change editor from ck editor to quill
- add responsiveness for smaller size screens
- refactor components

[Finishes #162381200]

mockdata/samplebody.js

@@ -37,3 +37,27 @@ export const sampleReportTypes = [
   { id: 2, value: 'Hate Speech' },
   { id: 3, value: 'Rules Violation' }
 ];
+
+export const sampleCategoryOptions = [
+  { id: '1', value: 'Football' },
+  { id: '2', value: 'Gaming' },
+  { id: '3', value: 'Programming' },
+  { id: '4', value: 'Andela' },
+  { id: '5', value: 'Bootcamp' },
+  { id: '6', value: 'Cohort-41' },
+  { id: '7', value: 'Learning' },
+  { id: '8', value: 'Gaming' },
+  { id: '9', value: 'Food' }
+];
+
+export const sampleTagOptions = [
+  { id: '3', text: 'Andela' },
+  { id: '4', text: 'Bootcamp' },
+  { id: '5', text: 'Cohort-41' },
+  { id: '6', text: 'Learning' },
+  { id: '7', text: 'Gaming' },
+  { id: '8', text: 'Food' },
+  { id: '9', text: 'Andelino' },
+  { id: '10', text: 'Andrela' },
+  { id: '11', text: 'Andrebaa' },
+];

package.json

@@ -58,8 +58,6 @@
     "@babel/preset-env": "^7.1.6",
     "@babel/preset-react": "^7.0.0",
     "@babel/register": "^7.0.0",
-    "@ckeditor/ckeditor5-build-classic": "^11.1.1",
-    "@ckeditor/ckeditor5-react": "^1.1.0",
     "acorn": "^6.0.4",
     "autoprefixer": "^9.3.1",
     "babel-core": "^7.0.0-bridge.0",
@@ -71,9 +69,6 @@
     "css-loader": "^1.0.1",
     "cssnano": "^4.1.7",
     "downshift": "^3.1.5",
-    "enzyme": "^3.7.0",
-    "enzyme-adapter-react-16": "^1.7.0",
-    "enzyme-to-json": "^3.3.4",
     "express": "^4.16.4",
     "file-loader": "^2.0.0",
     "font-awesome": "^4.7.0",
@@ -89,8 +84,8 @@
     "precss": "^4.0.0",
     "prop-types": "^15.6.2",
     "react": "^16.6.3",
-    "react-autocomplete": "^1.8.1",
     "react-dom": "^16.6.3",
+    "react-quill": "^1.3.3",
     "react-redux": "^5.1.1",
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",