original bug is fixed but save modal is not handle (nav-item bg color is not correctly painted)

src/stores/pageAdmin.js

@@ -6,8 +6,8 @@ export default defineStore('pageAdminStore', {
      activeSubPage: 'ALL',
      previousPage: 'FILES',
      previousSubPage: 'ALL',
-     pendingActivePage: '',
-     pendingActiveSubPage: '',
+     pendingActivePage: 'FILES',
+     pendingActiveSubPage: 'ALL',
      isPending: false,
   }),
   getters: {
@@ -18,25 +18,29 @@ export default defineStore('pageAdminStore', {
      * @param {string} activePage 
      * @param {string} activeSubPage 
      */
-    setActivePage(activePage, activeSubpage) {
-      console.log("setActivePage:", activePage, activeSubPage);
+    setActivePage(activePage, activeSubPage) {
       this.activePage = activePage;
       this.activeSubPage = activeSubPage;
     },
     /**
-    * Set the previous(usually current) page because the user might change her mind when navigating.
-    * @param {string} previoiusPage 
-    * @param {string} previoiusSubPage 
-    */
-    setPrevioiusPage(previoiusPage, previousSubPage) {
-      this.previoiusPage = previoiusPage;
-      this.previoiusSubPage = previousSubPage;
+     * Specify previous page state value.
+     * @param {*} prevPage 
+     */
+    setPrevioiusPage(prevPage) {
+      this.previousPage = prevPage;
     },
     /**
-     * Copy the value of pendingActivePage to activePage
+    * Set the previous(usually current) pages to the ones we just decide. 
+    */
+    setPrevioiusPageUsingActivePage() {
+      this.previoiusPage = this.activePage;
+      this.previoiusSubPage = this.activeSubPage;
+    },
+    /**
+     * Copy(transit) the value of pendingActivePage to activePage
      */
     copyPendingPageToActivePage() {
-      console.log("Copy the value of pendingActivePage to activePage\nCopying:", this.pendingActivePage, this.pendingActiveSubPage)
+      console.log("Copying:", this.pendingActivePage, this.pendingActiveSubPage)
       this.activePage = this.pendingActivePage;
       this.activeSubPage = this.pendingActiveSubPage;
     },    
@@ -52,7 +56,7 @@ export default defineStore('pageAdminStore', {
       this.isPending = true;
     },
     /**
-     * Set Pending active Page to empty string; we call this right after we just decide an activePage.
+     * Set Pending active Page to empty string; we call this right after we just decide an active page.
      * Also, stop pending state.
      */
     clearPendingActivePage(){