Added fixed height to header in chat view and fixed the way to center elements in the navbar

[heliomar-pena]

Description

I have added a fixed height to the header in the chat view. I have changed too the way to center elements at the navbar, since we are using flex, is better continue using flex to center vertically the elements

fixes #196

Screenshots

Before: (Please note how the arrow is so down)

Now: (Please note how now all is more centered)

Type of change

• [x] Breaking change (fix or feature that would cause existing functionality to not work as expected)

How to test it

If applicable, describe the tests that you ran to verify your changes. Provide instructions so we can reproduce.

1. Go to deploy link
2. Please check all views that contain the back button to know if all is good. On another hand, please go to /chat/1 to see the chat changes

Checklist:

• [x] The header have min height and look goods
• [x] The back button and the avatar at small vertical screens looks good
• [x] Checked if max height is needed and added if is needed

[netlify[bot]]

✔️ Deploy Preview for azordev-dasher-user ready!

🔨 Explore the source changes: 94b59d83917f20a4b7cbef3faffd045e4bfb6d06

🔍 Inspect the deploy log: https://app.netlify.com/sites/azordev-dasher-user/deploys/61f94c77eba8f300082c864a

😎 Browse the preview: https://deploy-preview-208--azordev-dasher-user.netlify.app

[Israel-Laguan]

@angelik0828 please check responsive

[Israel-Laguan]

Please rebase