Merge branch 'ENV-STAGING' into 'ENV-DEV'

# Conflicts:
#   src/container/MasterData/ReportItems/CreateReportItems.js
#   src/container/MasterData/ReportItems/EditReportItems.js

package.json

 {
   "name": "my-app",
   "version": "0.1.0",
-  "homepage": "http://localhost:8080/web/", 
+  "homepage": "http://localhost:8080/web-staging/", 
   "private": true,
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",

src/assets/sass/app.css

-.main-color{
+/* .main-color{
   background-color: #273b80 !important;
-}
+} */
 
 /* for staging */
-/* .main-color{
+.main-color{
   background-color: #0b6b24 !important;
-} */
+}
 
 /* .main-color{
   background-color: #1474CA !important;

src/container/Menu/Home.js

@@ -71,7 +71,7 @@ const useStyles = makeStyles((theme) => ({
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,
     }),
-    backgroundColor: '#273b80'
+    backgroundColor: '#0b6b24'
   },
   topleftClose: {
     borderRight: 0,
@@ -87,7 +87,7 @@ const useStyles = makeStyles((theme) => ({
     },
     padding: 20,
     display: 'flex',
-    backgroundColor: '#273b80'
+    backgroundColor: '#0b6b24'
   },
   drawerOpen: {
     width: drawerWidth,