fix: switching in project tree is lagging

[lei9444]

Description

Switching in project tree is causing too much re-rendering (including some full re-rendering), up to 8 times in a simple switch. This fix some simple refactoring that saves us at least 4 full rendering times, leaves us to 3-4 partial rendering. Will continue investigate the other unnecessary rendering.

The goal eventually is to have only one rendering in one switch.

Root cause

1. We always set local state in useEffect when location change.
2. We are setting < breadcrumb /> when switching the item, but the state only used by breadcrumb component and put it in the < DesignPage /> will make the page full re-render.
3. The < App /> will listen to the url to initialize the logger, the location change will make the whole app re-render

Fix

1. add value check, if no change, do nothing
2. move the < Breadscrum/> to a single component, and let it's own to manage the state
3. The same as 2

next step

1. split the < DesignPage />
2. investigate the reach/router's state management, There is still a full re-render caused by Router

Task Item

#minor

Screenshots

before

after

[zhixzhan]

Looks good to me, split design page breadcrumb to a self render components really improve a lot.

[coveralls]

Coverage increased (+0.2%) to 55.065% when pulling 9ef8cf1 on lei9444:switch into 70c0d7b on microsoft:main.