Align compare navbar state mapping with MAP and PERFORMANCE tabs

Co-Authored-By: Codex <codex@openai.com>

src/components/AppNavbar.vue

@@ -325,9 +325,11 @@ function getNavViewName() {
       break;
     case "COMPARE":
       switch (name) {
-        case "dummy":
+        case "MapCompare":
+          valueToSet = "MAP";
+          break;
         case "CompareDashboard":
-          valueToSet = "DASHBOARD";
+          valueToSet = "PERFORMANCE";
           break;
         default:
           break;

src/utils/pageUtils.js

@@ -10,7 +10,8 @@
  * Maps a raw route page name to a unified uppercase display name.
  *
  * Converts "Check"-prefixed route names (e.g. "CheckMap") to their
- * base names (e.g. "MAP"), and "CompareDashboard" to "DASHBOARD".
+ * base names (e.g. "MAP"), and "CompareDashboard" to "PERFORMANCE"
+ * to match the compare navbar tab label.
  * All other names are simply uppercased.
  *
  * @param {string} rawPageName - The raw route name to convert.
@@ -27,7 +28,7 @@ const mapPageNameToCapitalUnifiedName = (rawPageName) => {
       case "CHECKPERFORMANCE":
         return "PERFORMANCE";
       case "COMPAREDASHBOARD":
-        return "DASHBOARD";
+        return "PERFORMANCE";
       default:
         return rawPageName.toUpperCase();
     }