Redesign the splash screen dialog

This CL redesigns the splash screen dialog for the AMAC-e apps.
* Changes the close button from the [x] icon-style button to the [Got it] text-style button
* Changes the dialog body text
* Refactors views code with views::Builder
* Fix the preferred width calc in CalculatePreferredSize

BUG=b:191203576
BUG=b:187489486
TEST=ArcSplashScreenDialogViewTest

Change-Id: I9131fc45a5ab01d5724ed486debef14671c39ef2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2972010
Reviewed-by: Yuichiro Hanada <[email protected]>
Commit-Queue: Toshiki Kikuchi <[email protected]>
Cr-Commit-Position: refs/heads/master@{#893732}
diff --git a/components/arc_strings.grdp b/components/arc_strings.grdp
index cc28316..f6066331 100644
--- a/components/arc_strings.grdp
+++ b/components/arc_strings.grdp
@@ -35,7 +35,10 @@
     This app is designed for mobile
   </message>
   <message name="IDS_ARC_COMPAT_MODE_SPLASH_SCREEN_BODY" desc="A Dialog body of splash screen to advertise resize-lock feature.">
-    It may behave unexpectedly if resized. You can now limit the ability to resize apps in <ph name="SETTINGS">$1<ex>Settings</ex></ph>.
+    <ph name="APP_NAME">$1<ex>Gmail app</ex></ph> may not resize well. Use preset window sizes to prevent the app from misbehaving.
+  </message>
+  <message name="IDS_ARC_COMPAT_MODE_SPLASH_SCREEN_CLOSE" desc="A label of the button for the user to accept and dismiss a splash screen message.">
+    Got it
   </message>
   <message name="IDS_ARC_COMPAT_MODE_SPLASH_SCREEN_LINK" desc="Text of link to app settings.">
     Settings