MD WebUI: Move settings' dialog-drawer element into a shared cr-element

ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html

 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 
-<dom-module name="dialog-drawer">
+<dom-module name="cr-drawer">
   <template>
     <style>
       :host {
         --drawer-width: 256px;
         --transition-timing: 200ms ease;
         background-color: #fff;
         border: none;
         bottom: 0;
         left: calc(-1 * var(--drawer-width));
         margin: 0;
@@ skipping 31 matching lines @@
         opacity: 0;
         position: absolute;
         right: 0;
         top: 0;
         transition: opacity var(--transition-timing);
       }
 
       :host(.opening)::backdrop {
         opacity: 1;
       }
+
+      :host ::content .drawer-header {
+        -webkit-padding-start: 24px;
+        align-items: center;
+        border-bottom: var(--cr-separator-line);
+        display: flex;
+        font-size: 123.08%; /* go to 16px from 13px */
+        min-height: 56px;
+      }
+
+      :host ::content .drawer-content {
+        height: calc(100% - 56px);
+        overflow: auto;
+      }
     </style>
     <div id="container" on-tap="onContainerTap_">
       <content></content>
     </div>
   </template>
 </dom-module>
-<script src="dialog_drawer.js"></script>
+<script src="cr_drawer.js"></script>