Add navBar component

[Odonata971]

Summary

For the moment, navbar is copy pasted in all files to be displayed.

Background

Is your improvement related to a problem? Please describe:
It's not a problem in the UI but a lack of concision in the code that can lead to differeneces in behaviours / displays on the navbar.

Describe the solution you'd like:
I want it to be a separate component and that it will be called instead qo that code is not duplicated and centralized

Describe alternatives you've considered:
The one above

Details

Take this :

<header id="titlebar" class="fixed top-0 left-0 w-full p-0.5 border-b-0 bg-blue-100 dark:bg-custom-gray-2">
    <div class="draggable">
        <div class="controls">
            <button id="maximize" class="button maximize"></button>
            <button id="minimize" class="button minimize"></button>
            <button id="close" class="button close"></button>
        </div>
    </div>
</header>

In a separate component

Outcome

A navbar component used in all files that need it