Prevent reflow in the project name title (#1548)

[jbalsas]

This is a possible fix for Issue #1548

It uses the sidebar resize events to update the title width and prevent reflow by setting a fixed height and hidden overflow.

[redmunds]

This looks good!

There's one other quirk that would be nice to also fix. Try opening a project folder that has breaking chars in the name (such as whitespace or hyphens) such as "Getting Started". As the side bar gets thinner, the word "Started" disappears all at once, but "Getting" displays as many characters as space allows. Can you try also applying "white-space: nowrap;" to the project name to prevent that?

[jbalsas]

@redmunds Nice catch! I've fixed that and also added some left margin to the settings icon to let it breathe a little...

One thing about this is that it only works when the RecentProjects extension is loaded. If extensions fail to load or RecentProjects would get disabled the title would reflow. Should we try a fix for that case as well?

[redmunds]

I think it's ok that it only works with the recent-projects extension. I think it will be rare that anyone disables it.

Looks good. Merging.