Smooth top bar animation on macOS

Continuation from this post: Top bar doesn't disappear in fullscreen

Basically, in fullscreen on macOS, Brave creates a new top bar to show the traffic light button.

With that method, the whole window content moves down (and then up) when you hover to the menu bar with your cursor, even on Macbooks with a notch. The extra top bar also gets stuck when you click on a menu bar item & then click on the browser window to hide that item again.

Other Browsers like Safari & Firefox show the traffic light buttons in the left corner when you hover in the menu bar, therefore the animation is smoother. Only the top bar moves to the right.