use computed properties to render correct nav title

src/stores/nav.ts

@@ -1,12 +1,26 @@
+import { playSources } from "@/composables/enums";
 import { defineStore } from "pinia";
 
-export default defineStore("navmanagement", {
+export default defineStore("navstore", {
   state: () => ({
-    showPlay: false,
+    /**
+     * Page header visibility status.
+     */
+    h_visible: false,
+    title: {
+      text: "",
+      store: null,
+      source: playSources,
+    },
   }),
   actions: {
-    toggleShowPlay(state: boolean) {
-      this.showPlay = state;
+    /**
+     * Toggles the store value of the page header visibility.
+     *
+     * @param {boolean} state The visibility state of the page header.
+     */
+    toggleShowPlay(state: boolean): void {
+      this.h_visible = state;
     },
   },
 });