feat: add DescriptionList component with flexible term/description support

[jeffredodd]

Overview

This PR creates a new DescriptionList component following the patterns established in the SDK and removes global dl styles from _Base.scss.

Changes

New DescriptionList Component

• Created in src/components/Common/UI/DescriptionList/
• Follows existing UI component patterns
• Supports flexible HTML <dl> patterns per MDN spec:
  • Single term → Single description (1:1 key-value pairs)
  • Multiple terms → Single description (aliases/synonyms)
  • Single term → Multiple descriptions
  • Mixed patterns in the same list

Refactoring

• Replaced raw <dl> usage in AccountView.tsx with Components.DescriptionList
• Removed global dl styles from _Base.scss (lines 17-24)
• Moved styles to component-scoped module styles

Usage Examples

Simple key-value pairs

<Components.DescriptionList
  items={[
    { term: 'Routing Number', description: '123456789' },
    { term: 'Account Number', description: '****1234' }
  ]}
/>

Multiple terms, one description

<Components.DescriptionList
  items={[{
    term: ['Firefox', 'Mozilla Firefox', 'Fx'],
    description: 'A free, open-source web browser'
  }]}
/>

One term, multiple descriptions

<Components.DescriptionList
  items={[{
    term: 'Firefox',
    description: [
      'A web browser',
      'The Red Panda'
<img width="451" height="409" alt="Screenshot 2025-10-23 at 2 24 52 PM" src="https://github.com/user-attachments/assets/a2bf82ab-c012-493e-8073-6225f77afd1a" />
<img width="301" height="260" alt="Screenshot 2025-10-23 at 2 24 48 PM" src="https://github.com/user-attachments/assets/59a5926c-4ddb-4ae5-a656-60ef723912ce" />

    ]
  }]}
/>

Screenshots

[Copilot]

Pull Request Overview

This PR introduces a new DescriptionList component that provides a structured, reusable way to render HTML <dl> elements with flexible support for various term-description patterns. The component follows established SDK patterns and replaces raw <dl> usage in the codebase.

Key Changes:

• Created DescriptionList component with support for 1:1, many:1, 1:many, and mixed term-description patterns
• Refactored AccountView.tsx to use the new component instead of raw HTML
• Migrated global dl styles from _Base.scss to component-scoped styles

Reviewed Changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/styles/_Base.scss	Removed global dl styles
src/contexts/ComponentAdapter/useComponentContext.ts	Added DescriptionList type to context interface
src/contexts/ComponentAdapter/componentAdapterTypes.ts	Exported DescriptionListProps type
src/contexts/ComponentAdapter/adapters/defaultComponentAdapter.tsx	Registered DescriptionList in default adapter
src/components/Company/BankAccount/BankAccountList/AccountView.tsx	Refactored to use new DescriptionList component
src/components/Common/UI/DescriptionList/index.ts	Component barrel export
src/components/Common/UI/DescriptionList/DescriptionListTypes.ts	Type definitions for the component
src/components/Common/UI/DescriptionList/DescriptionList.tsx	Component implementation
src/components/Common/UI/DescriptionList/DescriptionList.test.tsx	Comprehensive test coverage
src/components/Common/UI/DescriptionList/DescriptionList.stories.tsx	Storybook examples
src/components/Common/UI/DescriptionList/DescriptionList.module.scss	Component-scoped styles
.ladle/adapters/PlainComponentAdapter.tsx	Plain adapter implementation

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[serikjensen]

LGTM!

[serikjensen]

Nit: this can be removed, cursor likes to add in the import but it is already globally made available with vite at build time

Suggested change

@use '@/styles/Helpers' as *;