nicer tables

majak_uistyleguide/templates/patterns/atoms/table/table.html

-<div class="my-6 prose">
+<div class="my-6 prose max-w-[100ch]">
   <table>
-    <tr>
+    <thead>
+      <tr class="bg-black [&_*]:!text-white [&_*]:!pt-2">
         <th>Company</th>
         <th>Contact</th>
         <th>Country</th>
       </tr>
+    </thead>
+
+    <tbody>
       <tr>
         <td>Alfreds Futterkiste</td>
         <td>Maria Anders</td>
@@ -15,5 +19,6 @@
         <td>Francisco Chang</td>
         <td>Mexico</td>
       </tr>
+    </tbody>
   </table>
 </div>