Add directory table pattern to base table template

[contolini]

Adds our directory table pattern that's already in the DS to our cf.gov table organism template.

Also iterates on our card listing page by using a new directory table variant that sticks the top rows to the viewport when scrolling.

See https://cfpb.github.io/design-system/components/tables#responsive-stacked-table-with-header-directory-table
See https://github.local/Design-Development/Design-Thinking-and-User-Research/issues/232

Changes

• Replaces the table pattern used on the TCCP all cards page

How to test this PR

1. ./frontend.sh
2. Visit the all cards page on a small screen and scroll to see a sticky header.

Screenshots

Checklist

• PR has an informative and human-readable title
  • PR titles are used to generate the change log in releases; good ones make that easier to scan.
  • Consider prefixing, e.g., "Mega Menu: fix layout bug", or "Docs: Update Docker installation instructions".
• Changes are limited to a single goal (no scope creep)
• Code follows the standards laid out in the CFPB development guidelines
• Future todos are captured in comments and/or tickets
• Project documentation has been updated, potentially one or more of:
  • This repo’s docs (edit the files in the /docs folder) – for basic, close-to-the-code docs on working with this repo
  • CFGOV/platform wiki on GHE – for internal CFPB developer guidance
  • CFPB/hubcap wiki on GHE – for internal CFPB design and content guidance

Front-end testing

Browser testing

Visually tested in the following supported browsers:

• Firefox
• Chrome
• Safari
• Edge 18 (the last Edge prior to it switching to Chromium)
• Internet Explorer 11 and 8 (via emulation in 11's dev tools)
• Safari on iOS
• Chrome on Android

Accessibility

• Keyboard friendly (navigable with tab, space, enter, arrow keys, etc.)
• Screen reader friendly
• Does not introduce new errors or warnings in WAVE

Other

• Is useable without CSS
• Is useable without JS
• Does not introduce new lint warnings
• Flexible from small to large screens

[chosak]

Beautiful.

[chosak]

Suggested change

	{%- set stack_on_mobile = 'stack_on_mobile' in (value.options or []) or 'directory_table' in (value.options or []) -%}
	{%- set directory_table = 'directory_table' in (value.options or []) -%}
	{%- set directory_table = 'directory_table' in (value.options or []) -%}
	{%- set stack_on_mobile = directory_table or ('stack_on_mobile' in (value.options or [])) -%}