onMounted toggle multiview sidebar when routing to multiview

This only helps if the user routes from elsewhere and not by clicking on the multiview activity.
If not for this, the user could miss out on using the sidepanel for multiview since the activity bar will persist with the previous toggled sidebar.

client/src/components/History/Multiple/MultipleView.vue

@@ -3,7 +3,7 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { faCheckSquare, faClock, faTimes, faUndo } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { storeToRefs } from "pinia";
-import { computed, ref, watch } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 
 import { HistoryFilters } from "@/components/History/HistoryFilters";
 import { Toast } from "@/composables/toast";
@@ -26,10 +26,17 @@ const initialLoaded = ref(false);
 
 library.add(faCheckSquare, faClock, faTimes, faUndo);
 
-const { currentUser } = storeToRefs(useUserStore());
-const { histories, currentHistory, historiesLoading } = storeToRefs(useHistoryStore());
+const userStore = useUserStore();
+const { currentUser, toggledSideBar } = storeToRefs(userStore);
+
+onMounted(() => {
+    if (toggledSideBar.value !== "multiview") {
+        userStore.toggleSideBar("multiview");
+    }
+});
 
 const historyStore = useHistoryStore();
+const { histories, currentHistory, historiesLoading } = storeToRefs(historyStore);
 
 const selectedHistories = computed<PinnedHistory[]>(() => {
     if (hasPinnedHistories.value) {