Add warning not to use browser back button

[alyssadai]

There should be a warning on the bottom of the page not to click the "back" button on the browser (which seems to cause some elements to persist weirdly - not sure if this is expected or a bug) but use the navigator at the top of the app instead.

I'm pretty sure the reason this breaks is that we're manually setting the "currentPage" in the state, when instead we should just implement a getter. I.e.

No good, make go away:

annotation_tool/store/index.js

Line 95 in b8423fb

currentPage: "home",

and

annotation_tool/store/index.js

Lines 871 to 874 in b8423fb

	setCurrentPage(p_state, p_pageName) {
	p_state.currentPage = p_pageName;
	},

Instead

this.$route.name

should either be used directly instead of the store access or be made into a getter and then used everywhere.

• Find a way that this doesn't break

[surchs]

Addressing together with #491

[surchs]

Turns out this.$route.name is not available in the store. So for now I will add this as a computed property to every component that needs it. Not great, would be nicer to have it in the store. But putting it there is a bit involved: https://stackoverflow.com/questions/65995093/vue-js-get-current-route-in-vuex-module

[surchs]

What I think needs to happen:

• every component gets a computed property: currentPage that returns this.$route.name
• in the store
  • state
    • currentPage removed
    • pageData -> rename key for home to index (the actual route name
  • mutations
    • setCurrentPage removed
  • getters
    • getNextPage -> needs to accept an argument of currentPage and return the page like that

This is quite involved. At this point making pushing the route into the store from the router does not seem like such a bad idea anymore ...