[dark mode] Review and rename design tokens to more appropriately match CSS mappings and their purpose

## Summary of the bug
> [!NOTE]
A general review of design tokens is needed now that dark mode work is completed

Some tokens moved over from design do not accurately reflect their purpose e.g.
`--ic-button-secondary-background-pressed-active` should semantically be `--ic-button-secondary-background-active`
`--ic-color-background-active-hover-light` -> `--ic-color-background-hover-light`

Most discrepancies are due to 'active' being used as 'not disabled' and 'pressed' being used instead of 'active'.

Ensure that variants of components have naming convention confluence

(List is incomplete at time of writing)

Components
- [ ] Accordion
- [ ] Alert
- [ ] Badge
- [ ] Breadcrumbs
- [ ] Buttons
- [ ] Cards
- [ ] Dropdowns
- [ ] Forms
- [ ] Headers
- [ ] Links
- [ ] Modals
- [ ] Notifications
- [ ] Pagination
- [ ] Panels
- [ ] Tables
- [ ] Tabs
- [ ] Tooltips

No files or tests are named. Review the design tokens and CSS mappings for the listed components, using the two example renames as the starting convention; done means the token names consistently match their purpose and component variants across the completed list.

Written by the indexing model from the issue text.