feat: several improvements in layout

assets/styles/components/table-responsive.css

@@ -0,0 +1,20 @@
+.responsive {
+    @apply text-sm md:text-base;
+}
+
+.responsive thead {
+    @apply hidden md:table-header-group;
+}
+
+.responsive tbody tr {
+    @apply block mb-2 md:table-row;
+}
+
+.responsive td {
+    @apply grid grid-cols-2 gap-x-2 last:col-span-2 md:table-cell;
+}
+
+.responsive td:before {
+    content: attr(data-label);
+    @apply block font-bold last:hidden md:hidden;
+}