ui: Stop tables overlapping with their headers when scrolling (#11670)

.changelog/11670.txt

@@ -0,0 +1,3 @@
+```release-note:bug
+ui: Fix visual issue with slight table header overflow
+```

ui/packages/consul-ui/app/components/consul/intention/list/README.mdx

@@ -0,0 +1,36 @@
+# Consul::Intention::List
+
+A component for rendering Intentions.
+
+
+There are some extra conextual components to use here due to how we detect
+intention CRDs and make that easy to work with/add necessary notices. The
+notice will only show if applicable, but the contextual component is used to
+define where that is when it does display.
+
+```hbs preview-template
+
+<DataSource @src="/partition/default/dc-1/intentions" as |source|>
+  <Consul::Intention::List
+    @items={{source.data}}
+    @delete={{noop}}
+  as |list|>
+      <list.CustomResourceNotice />
+      <list.Table />
+  </Consul::Intention::List>
+</DataSource>
+
+```
+
+## Arguments
+
+| Argument/Attribute | Type | Default | Description |
+| --- | --- | --- | --- |
+| `items` | `array` |  | An array of Intentions |
+| `ondelete` | `function` |  | An action to execute when the `Delete` action is clicked |
+
+## See
+
+- [Template Source Code](./index.hbs)
+
+---

ui/packages/consul-ui/app/components/tabular-collection/index.scss

@@ -5,7 +5,7 @@ table.dom-recycling {
 %dom-recycling-table tbody {
   /* tbodys are all absolute so,*/
   /* make room for the header */
-  top: 29px !important;
+  top: 33px !important;
   /* Make room for the header, plus 20px for a margin on the bottom */
   width: 100%;
 }