implemented rights and fixed some appearance bugs

plugins/vuex.js

@@ -156,6 +156,11 @@ const store = createStore({
             loggedInUserTechnicianBool: false,
             loggedInUserReaderBool: false,
             localStorageChanged: false,
+            mode: false,
+            modeQuickAccess: false,
+            modeDashboard: false,
+            modeNavbar: false,
+            modeLayout: false,
 
             changeToSet: false,
             updateDarkMode: false,
@@ -175,6 +180,9 @@ const store = createStore({
         resetUpdateDarkMode(state) {
             state.updateDarkMode = false
         },
+        resetChangeToSet(state) {
+            state.changeToSet = false
+        },
         toggleFiltered(state) {
             if (state.filtered == false) {
                 state.filtered = true
@@ -694,12 +702,41 @@ const store = createStore({
         },
 
         setLocalStorageChanged(state) {
-            state.localStorageChanged = true
+            state.localStorageChanged = !state.localStorageChanged
         },
-
         resetLocalStorageChanged(state) {
             state.localStorageChanged = false
         },
+        setModeChanged(state) {
+            state.mode = !state.mode
+        },
+        resetModeChanged(state) {
+            state.mode = false
+        },
+        setModeQuickAccessChanged(state) {
+            state.modeQuickAccess = !state.modeQuickAccess
+        },
+        resetModeQuickAccessChanged(state) {
+            state.modeQuickAccess = false
+        },
+        setModeDashboardChanged(state) {
+            state.modeDashboard = !state.modeDashboard
+        },
+        resetModeDashboardChanged(state) {
+            state.modeDashboard = false
+        },
+        setModeNavbarChanged(state) {
+            state.modeNavbar = !state.modeNavbar
+        },
+        resetModeNavbarChanged(state) {
+            state.modeNavbar = false
+        },
+        setModeLayoutChanged(state) {
+            state.modeLayout = !state.modeLayout
+        },
+        resetModeLayoutChanged(state) {
+            state.modeLayout = false
+        },
 
         // function to set the logged in user
         setLoggedInUser(state, user) {