ui: add mobile api key cards

apps/ui/html/api-keys.html

@@ -22,6 +22,11 @@
   }
   .scope-checkbox-name { font-size: 13px; font-weight: 500; color: var(--text-primary); }
   .scope-checkbox-desc { font-size: 11.5px; color: var(--text-muted); }
+  .keys-card-list { display: none; }
+  @media (max-width: 720px) {
+    #keys-table-wrap { display: none; }
+    .keys-card-list { display: grid; }
+  }
   </style>
   <script src="%CRANK_BUNDLE_PROTECTED_CORE%"></script>
 </head>
@@ -195,6 +200,7 @@
           </tbody>
         </table>
       </div>
+      <div class="resource-list keys-card-list" id="keys-card-list"></div>
     </div>
 
     <div class="section-card">