How do I edit the navbar in desk from my custom app? - ERP Next 14

So I know the frappe/public/js/frappe/ui/toolbar/navbar.html file is what is being used for the navbar. And editing it works. But I want to replace it with something else from my custom app like I did by copying the templates from frappe for my footer and base html. I can’t figure out where and how frappe/public/js/frappe/ui/toolbar/navbar.html is being imported

Can someone assist me? Because I am currently just editing the core files and I see that is not recommended