Replace Manage Languages with dialog and dropdown item

chrome/browser/resources/settings/languages_page/manage_languages_page.html

-<link rel="import" href="chrome://resources/cr_elements/icons.html">
-<link rel="import" href="chrome://resources/html/assert.html">
-<link rel="import" href="chrome://resources/html/cr.html">
-<link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="/settings_shared_css.html">
-<link rel="import" href="languages.html">
-
-<dom-module id="settings-manage-languages-page">
-  <template>
-    <style include="settings-shared">
-      .list-frame {
-        align-items: initial;
-        display: flex;
-        flex-direction: column;
-      }
-
-      iron-list {
-        height: 300px;
-      }
-
-      .ripple-padding {
-        /* Create a little extra space for checkbox ink ripple to flow into. */
-        left: -20px;
-        padding-left: 20px;
-      }
-    </style>
-    <div class="settings-box first block">
-      <h2>$i18n{enabledLanguages}</h2>
-      <div class="list-frame vertical-list">
-        <template is="dom-repeat" items="{{languages.enabled}}">
-          <div class="list-item">
-            <div class="start" title="[[item.language.nativeDisplayName]]">
-              [[item.language.displayName]]
-            </div>
-            <paper-icon-button icon="cr:clear"
-                on-tap="onRemoveLanguageTap_" hidden$="[[!item.removable]]">
-            </paper-icon-button>
-          </div>
-        </template>
-      </div>
-      <h2>$i18n{allLanguages}</h2>
-      <div class="list-frame vertical-list">
-        <iron-list class="ripple-padding" items="{{languages.supported}}">
-          <template>
-            <div class="list-item">
-              <paper-checkbox
-                  checked="[[isCheckboxChecked_(item, languages.enabled.*)]]"
-                  disabled="[[isLanguageRequired_(item, languages.enabled.*)]]"
-                  title$="[[item.nativeDisplayName]]"
-                  on-change="onLanguageCheckboxChange_">
-                [[item.displayName]]
-              </paper-checkbox>
-            </div>
-          </template>
-        </iron-list>
-      </div>
-    </div>
-  </template>
-  <script src="manage_languages_page.js"></script>
-</dom-module>