Fix bug when switching collection or sketch lists (fixes #1401) (#1416)

* Update sketch/collection list when URL changes (fixes #1401)

Using the username as the key prop causes the List component to remount
when the username changes. This means we don't have to bother resetting
everything when the user changes.

* Update deprecated SketchList lifecycle methods

From componentWillReceiveProps to componentDidUpdate

Author: andrewn

client/modules/IDE/components/SketchList.jsx

@@ -333,8 +333,9 @@ class SketchList extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
-    if (this.props.sketches !== nextProps.sketches && Array.isArray(nextProps.sketches)) {
+  componentDidUpdate(prevProps) {
+    if (this.props.sketches !== prevProps.sketches && Array.isArray(this.props.sketches)) {
+      // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
         isInitialDataLoad: false,
       });

client/modules/User/pages/DashboardView.jsx

@@ -98,12 +98,12 @@ class DashboardView extends React.Component {
   renderContent(tabKey, username) {
     switch (tabKey) {
       case TabKey.assets:
-        return <AssetList username={username} />;
+        return <AssetList key={username} username={username} />;
       case TabKey.collections:
-        return <CollectionList username={username} />;
+        return <CollectionList key={username} username={username} />;
       case TabKey.sketches:
       default:
-        return <SketchList username={username} />;
+        return <SketchList key={username} username={username} />;
     }
   }