Fix UI layout issues

[abose]

In snippets panel

functionality

• Add a cancel button for a user to bail out if they dont see the back button.
• The current text no custom snippets added yet is redundant and not helpful to new users. Maybe say Add your own code hints to speed up coding - learn more more which redirects to the docs website for the snippets panel docs.

Reduce visual tension in the layout:

• From above image, we see that the title(add sinippet) and the content(Abbrevation) x axis margin is the same. the content should come slightly right of the title for hierarchy. Match layout to be consistent with the files panel margins. Put appropriate margins to the right too.

• The save and reset buttons are not visible in default size of the panel. give an initial size/min-size for the panel.

• back button text not aligned centrally

• The + button is not centralized(tested in chrome)

• Elements in title bar not vertically aligned when the back button is visible.

Login

• In Login icon, the text is not centralized

[devvaannsh]

Fixed by #2324. Closing