add error/loading/404 boundaries, responsive tables, Metadata API

src/components/admin/billing/draft-list.tsx

@@ -76,6 +76,7 @@ export function DraftList({ drafts, orgNameMap }: Props) {
           {t("newInvoiceBtn")}
         </Link>
       </div>
+      <div className="overflow-x-auto">
       <table className="w-full text-sm">
         <thead className="text-xs text-text-muted text-left">
           <tr>
@@ -140,6 +141,7 @@ export function DraftList({ drafts, orgNameMap }: Props) {
           })}
         </tbody>
       </table>
+      </div>
     </Card>
   );
 }