bluetooth: Add device details page with basic properties to internals page.

chrome/browser/resources/bluetooth_internals/bluetooth_internals.html

Index: chrome/browser/resources/bluetooth_internals/bluetooth_internals.html
diff --git a/chrome/browser/resources/bluetooth_internals/bluetooth_internals.html b/chrome/browser/resources/bluetooth_internals/bluetooth_internals.html
index c4101e3414c0df03ca5a9ec8b977eeb38d3a5863..489d87aa6b7155a576da21346d824ed85538d1ef 100644
--- a/chrome/browser/resources/bluetooth_internals/bluetooth_internals.html
+++ b/chrome/browser/resources/bluetooth_internals/bluetooth_internals.html
@@ -25,6 +25,7 @@
   <script src="object_fieldset.js"></script>
   <script src="adapter_page.js"></script>
   <script src="device_collection.js"></script>
+  <script src="device_details_page.js"></script>
   <script src="device_table.js"></script>
   <script src="devices_page.js"></script>
   <script src="sidebar.js"></script>
@@ -37,7 +38,7 @@
       <button id="menu-btn" class="custom-appearance"></button>
       <h1 class="page-title"></h1>
     </header>
-    <section id="adapter" hidden>
+    <section id="adapter" class="flex" hidden>
       <div class="header-extras">
         <button id="adapter-refresh-btn">Refresh</button>
       </div>
@@ -78,6 +79,7 @@
         <th data-field="rssi.value">Latest RSSI</th>
         <th data-field="services.length">Services</th>
         <th data-field="is_gatt_connected">GATT Connection State</th>
+        <th></th>
       </tr>
     </thead>
     <tbody>
@@ -85,4 +87,15 @@
   </table>
 </template>
 
+<template id="device-details-template">
+  <div class="device-details-page">
+    <div class="header-extras">
+      <button class="disconnect">Disconnect</button>
+      <button class="forget">Forget</button>
+    </div>
+    <h3>Status</h3>
+    <section class="device-details flex"></section>
+  </div>
+</template>
+
 </html>