[DevTools] Update SecurityDetails in Security panel if State changes

When the SecurityState for an origin changes, update the Security
Details for that origin as well. This mitigates scenarios where the
Details may not have been available initially (e.g. an image pulled
from the MemoryCache without the Developer Tools loaded will not have
any SecurityDetails recorded.

BUG=702001
TEST=blink_layouttests security-details-updated-with-security-state

Review-Url: https://codereview.chromium.org/2763563003
Cr-Commit-Position: refs/heads/master@{#458562}

front_end/security/SecurityPanel.js

@@ -198,6 +198,9 @@ Security.SecurityPanel = class extends UI.PanelWithSidebar {
       var oldSecurityState = originState.securityState;
       originState.securityState = this._securityStateMin(oldSecurityState, securityState);
       if (oldSecurityState !== originState.securityState) {
+        let securityDetails = /** @type {?Protocol.Network.SecurityDetails} */ (request.securityDetails());
+        if (securityDetails)
+          originState.securityDetails = securityDetails;
         this._sidebarTree.updateOrigin(origin, securityState);
         if (originState.originView)
           originState.originView.setSecurityState(securityState);