add table styling

docs/src/layouts/App/prism.scss

@@ -20,7 +20,7 @@ pre[class*="language-"] {
   color: inherit;
   text-shadow: none;
   font-family: 'JetBrainsMono', monospace;
-  font-size: 1em;
+  font-size: 0.95em;
   line-height: 1.8;
   tab-size: 2;
   padding: 0;

docs/src/templates/DocPage/style.scss

@@ -106,5 +106,41 @@
         }
       }
     }
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+
+      th,
+      td {
+        text-align: left;
+        font-size: 0.75rem;
+        padding: 0.5rem;
+      }
+
+      th {
+        font-weight: 600;
+        background-color: rgba($colorBlack, 0.05);
+
+        &:first-child {
+          border-top-left-radius: 5px;
+          border-bottom-left-radius: 5px;
+        }
+
+        &:last-child {
+          border-top-right-radius: 5px;
+          border-bottom-right-radius: 5px;
+        }
+      }
+
+      td {
+        border-bottom: 1px solid rgba($colorBlack, 0.05);
+      }
+
+      tr:last-child td {
+        border-bottom: 0;
+      }
+    }
+
   }
 }