autoclose attempting to connect message after a threshold

Summary:
We receive a large number of support requests (examples [1](https://fb.workplace.com/groups/flippersupport/posts/1875975442883105/), [2](https://fb.workplace.com/groups/flippersupport/posts/1875240279623288/), [3](https://fb.workplace.com/groups/flippersupport/posts/1734087643738553/), [4](https://fb.workplace.com/groups/flippersupport/posts/1814898918990758/), [5](https://fb.workplace.com/groups/flippersupport/posts/1854060158407967/), [6](https://fb.workplace.com/groups/flippersupport/posts/1793369631143687/)) about hanging "attempting to connect" notification where to fix it usually takes on of two ways.

* Restart laptop
* Multistep
    1. close app on device
    2. run kill adb/idb
    3. restart app on the device

Instead of hanging UI lets autoclose the message and prompt user with an actionable modal

Reviewed By: LukeDefeo

Differential Revision: D59865309

fbshipit-source-id: e5b36fb7706be8d1f108d1f39edbb55a1f917e8c

desktop/flipper-ui/src/app-connection-updates.tsx

@@ -92,14 +92,48 @@ export const connectionUpdate = (
     if (update.detail) {
       content += `\n ${update.detail}`;
     }
+    let duration = 0;
+    if (update.type === 'success' || update.type === 'success-info') {
+      duration = 3;
+    } else if (update.type === 'loading') {
+      // seconds until show how to debug hanging connection
+      duration = 10;
+    }
     message.open({
-      key: update.app,
+      key: update.key,
       type: update.type === 'success-info' ? 'info' : update.type,
       content,
       className,
-      duration:
-        update.type === 'success' || update.type === 'success-info' ? 3 : 0,
-      onClick: () => message.destroy(update.key),
+      duration,
+      onClick:
+        update.type !== 'loading'
+          ? () => {
+              message.destroy(update.key);
+            }
+          : undefined,
+      onClose: () => {
+        // only called if closed by timeout
+        console.log('on close called for ', update.key);
+        if (update.type === 'loading') {
+          // TODO show conect timeout modal NEXT DIFF
+          console.log('show a modal with step');
+
+          notification.error({
+            key: update.key,
+            message: 'App failed to connect',
+            description: (
+              <div>
+                <div>To fix try the following</div>
+                <div>uno</div>
+                <div>dos</div>
+                <div>tres</div>
+              </div>
+            ),
+            duration: 0,
+            onClose: () => notification.close(update.key),
+          });
+        }
+      },
     });
   }
 };