tables: add classes to handle overflowing tables

To be added on a per table basis.
* full-bleed lets the table expand beyond the text column
* break-word make table content break and wrap instead of forcing width based on content

Also added `white-space: nowrap` to `code` in `th` so column name doesn't get squeezed.

frontend/styles/atoms/table.css

@@ -17,6 +17,12 @@ table {
       }
     }
   }
+
+  &.word-break {
+    td {
+      word-break: break-all;
+    }
+  }
 }
 
 thead {
@@ -35,6 +41,10 @@ thead {
       border-right: var(--border-default);
       border-top-right-radius: var(--border-radius-large);
     }
+
+    code {
+      white-space: nowrap;
+    }
   }
 }