Pre-create all routes on GUI startup

[lukethompsxn]

Currently, we have the routes (tabs) updating in the background when changes occur, but only after they have been opened the first time. Clearly, we want to have them displaying all info right from the beginning.

How to test:

• Start the GUI,
• Start backend,
• Open a file in the mounted folder (before you change from overview tab)
• Ensure data is displayed as expected.

[lukethompsxn]

I dont think pre-creating will actually solve the problem. I think we will need to change how to handle updating of information. Instead, if we pulled from an array on created(), then each further time it updates just take the first item from the central array

[lukethompsxn]

Implemented a fix using Vue.prototype. This has been applied to the Logger tab, but needs to be added to the Charts tab @joel-clarke.

Effectively this was done by adding the mounted() function to run through all history of messages received before the creation of the component to update the tab.

mounted() {
            this.logHistory.forEach((log) => {
                this.handleJSON(log);
            });
        }