Add banner to safety tips.

This CL adds a banner to the Safety Tip bubble on desktop platforms. It
introduces two UIs: one for URL lookalikes, and one for suspicious
sites.

It now looks like this:
https://drive.google.com/file/d/1RppvDBXThzzbu5CknJ_-nYP6iKkXH8l6/view

Bug: 1013401
Change-Id: Id2eef386ddeedc89535f8e8097a8348bf2572558
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1865539Reviewed-by: Mitsuru Oshima <oshima@chromium.org>
Commit-Queue: Joe DeBlasio <jdeblasio@chromium.org>
Cr-Commit-Position: refs/heads/master@{#706656}

chrome/app/theme/theme_resources.grd

@@ -251,6 +251,10 @@
         <structure type="chrome_scaled_image" name="IDR_RESET_WARNING" file="cros/reset_warning.png" />
       </if>
       <structure type="chrome_scaled_image" name="IDR_RESTORE_BUTTON_MASK" file="common/restore_button_mask.png" />
+      <if expr="not is_android">
+        <structure type="chrome_scaled_image" name="IDR_SAFETY_TIP_LOOKALIKE_ILLUSTRATION" file="common/safety_tip_lookalike_illustration.png" />
+        <structure type="chrome_scaled_image" name="IDR_SAFETY_TIP_SUSPICIOUS_ILLUSTRATION" file="common/safety_tip_suspicious_illustration.png" />
+      </if>
       <structure type="chrome_scaled_image" name="IDR_SCREEN_CAPTURE_NOTIFICATION_GRIP" file="screen_capture_notification_grip.png" />
       <if expr="chromeos">
         <structure type="chrome_scaled_image" name="IDR_SECONDARY_USER_SETTINGS" file="cros/secondary_user_settings.png" />

chrome/browser/ui/views/page_info/safety_tip_page_info_bubble_view.cc

@@ -32,6 +32,25 @@
 
 using security_state::SafetyTipStatus;
 
+namespace {
+
+int GetSafetyTipBannerId(security_state::SafetyTipStatus safety_tip_status) {
+  switch (safety_tip_status) {
+    case security_state::SafetyTipStatus::kBadReputation:
+      return IDR_SAFETY_TIP_SUSPICIOUS_ILLUSTRATION;
+    case security_state::SafetyTipStatus::kLookalike:
+      return IDR_SAFETY_TIP_LOOKALIKE_ILLUSTRATION;
+    case security_state::SafetyTipStatus::kBadKeyword:
+    case security_state::SafetyTipStatus::kUnknown:
+    case security_state::SafetyTipStatus::kNone:
+      NOTREACHED();
+  }
+  NOTREACHED();
+  return IDR_SAFETY_TIP_SUSPICIOUS_ILLUSTRATION;
+}
+
+}  // namespace
+
 SafetyTipPageInfoBubbleView::SafetyTipPageInfoBubbleView(
     views::View* anchor_view,
     const gfx::Rect& anchor_rect,
@@ -91,7 +110,15 @@ SafetyTipPageInfoBubbleView::SafetyTipPageInfoBubbleView(
   bubble_col_set->AddColumn(views::GridLayout::LEADING, views::GridLayout::FILL,
                             1.0, views::GridLayout::USE_PREF, 0, 0);
 
-  // TODO(crbug/996731): Add banner once available. See crrev/c/1816805/7.
+  ui::ResourceBundle& rb = ui::ResourceBundle::GetSharedInstance();
+  const gfx::ImageSkia* image =
+      rb.GetNativeImageNamed(GetSafetyTipBannerId(safety_tip_status))
+          .ToImageSkia();
+  auto image_view = std::make_unique<NonAccessibleImageView>();
+  image_view->SetImage(*image);
+  views::BubbleFrameView* frame_view = GetBubbleFrameView();
+  CHECK(frame_view);
+  frame_view->SetHeaderView(std::move(image_view));
 
   auto bottom_view = std::make_unique<views::View>();
   views::GridLayout* bottom_layout =