fix settings issue

Author: deeppatel234

packages/devtool-extenstion/src/containers/App.js

@@ -7,19 +7,23 @@ import NotFoundMessage from "Containers/NotFoundMessage";
 
 import "./app.scss";
 
+const defaultSettings = {
+  startDebugWhen: "extensionLoad",
+  debugUseReducer: true,
+  debugContext: true,
+};
+
 const App = ({ appData, onDispatchAction }) => {
   const [selectedDebug, setDebug] = useState({});
   const [settings, setSettings] = useState({
-    startDebugWhen: "extensionLoad",
-    debugUseReducer: true,
-    debugContext: true,
+    ...defaultSettings,
   });
 
   useEffect(() => {
     chrome.storage.local.get(
       ["startDebugWhen", "debugUseReducer", "debugContext"],
       function (result) {
-        setSettings(result);
+        setSettings({ ...defaultSettings, ...result });
       }
     );
   }, []);

packages/devtool-extenstion/src/containers/Settings/index.scss

@@ -43,6 +43,8 @@
     text-align: center;
 
     .success-msg {
+      text-align: center;
+      width: 100%;
       color: var(--primary-color);
       padding-bottom: 10px;
       height: 20px;