Move zeppelin version from home page to about section

[prabhjyotsingh]

What is this PR for?

Move zeppelin version that is shown home page to new about section.

What type of PR is it?

[Improvement]

Todos

N/A

What is the Jira issue?

ZEPPELIN-943

How should this be tested?

Please refer the gif below.

Screenshots (if appropriate)

Before:

After:

Without authentication

With authentication

Questions:

• Does the licenses files need update? N/A
• Is there breaking changes for older versions? N/A
• Does this needs documentation? N/A

[vinayshukla]

This is a useful way to find the Zeppelin version number. +1

[AhyoungRyu]

@prabhjyotsingh In my personal opinion, we don't need another tooltip on Logout button(I know this tooltip has been existed ago). Users can aware that this is logout button without tooltip i think :)

What do you think ?

[prabhjyotsingh]

Agreed, removed it.

[AhyoungRyu]

@prabhjyotsingh Big +1 for this improvement! 👍
This is really minor thing and just my personal opinion, but can we add more space between the connect status circle and the drop-down button ? I think they are too close. What do you think ?

• Without authentication
  
• With authentication
  

[Leemoonsoo]

Tested and it looks cool.

It's also my personal preference, to me, moving status circle into dropdown button seems better. And highlight drop down button background color only when cursor hover looks more clean to me.

[AhyoungRyu]

Regarding highlight drop down button, I agree with @Leemoonsoo.

[prabhjyotsingh]

Thank you @AhyoungRyu and @Leemoonsoo for the feedback, have implemented.

[Leemoonsoo]

Cool. Font size of "Connected" text seems changed. Is it intended?

Before

After

[prabhjyotsingh]

Yes @Leemoonsoo, it was intended. Since, now [Connected/Disconnected] is no more just text its same as one of the action link like Notebook, Interpreter etc. i think it should share same styling as them.

[Leemoonsoo]

Thanks for the explanation. LGTM

[prabhjyotsingh]

Merging this if no more discussion.