feat: Making the size of the top information bar on the window at various zooms

[tylerhaisman]

Description

Hello! My PR is my attempt to address issue #272 ([FEAT] Maintain the size of the top information bar on the window at various zooms) where I make the size of the top information bar on the window at various zooms.

Also, I have to make this PR as part of a school project, so I apologize if any part of it is not up to your standards or you think needs more work :)

Related Issues

Related to #272, [FEAT] Maintain the size of the top information bar on the window at various zooms

Type of Change

• [ ] Bug fix
• [x] New feature
• [ ] Documentation update
• [ ] Release
• [ ] Other (please describe):

Testing

I visually tested the node in both dark and light modes to ensure it performed and followed the webview as expected.

Screenshots (if applicable)

Before:

After:

BrowserControls load in at normal zoom:

BrowserControls stay the same size at small zoom:

I also added a transparent to grey gradient on the right side of the new node which will "fade out" an extra-long URL, ensuring that the dropdown button is visible:

Additional Notes

I have to make this PR as part of a school project, so I apologize if any part of it is not up to your standards or you think needs more work :)