navBar() {
        return `<div class="mg navbar">
                    ${ this.hasSideBar() ? ` <i class="open fas fa-bars" id="openSidebar"></i>` : ""}
                    <div class="header ${ this.hasSideBar() ? `` : "padded" } left">${ this.getTitle() }</div>
                    <div class="menu">
                        ${ this.navBarMenu() } 
                    </div>
                </div>`
    }
/**
     * Renders the navbar for the page
     * @returns {string}
     */
Renders the navbar for the page
@returns {string}
Renders the navbar for the page @returns { string }
navBar() {
        return `<div class="mg navbar">
                    ${ this.hasSideBar() ? ` <i class="open fas fa-bars" id="openSidebar"></i>` : ""}
                    <div class="header ${ this.hasSideBar() ? `` : "padded" } left">${ this.getTitle() }</div>
                    <div class="menu">
                        ${ this.navBarMenu() } 
                    </div>
                </div>`
    }
navBar ( ) { return ` ${ this . hasSideBar ( ) ? ` ` : "" } ${ this . hasSideBar ( ) ? ` ` : "padded" } ${ this . getTitle ( ) } ${ this . navBarMenu ( ) } ` }
Renders the navbar for the page
 @returns {string}
Renders the navbar for the page @returns { string }