fix(DataList): Go back to first-of-type approach for padding

[LinKCoding]

Overview

Applies padding to td and th of List, DataList, and DataTable through first-of-type CSS rules.

PR Checklist

• Related to designs:
• Related to JIRA ticket: GMT-1544
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

To be compared against: #3277

1. Go to DataList see that the spacing is all the same
2. The Header row should still have the headers aligned with the checkbox, and check for the "Non-selectable rows" story to see that the Headers are bottom aligned
3. Check that DataTable looks the same
4. Check that List all looks the same
5. ...
6. Finish and do a celebratory dance

PR Links and Envs

Repository	PR Link
Mono	Mono PR

[nx-cloud]

View your CI Pipeline Execution ↗ for commit a6855b8

---

☁️ Nx Cloud last updated this comment at 2026-03-25 16:16:11 UTC

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 89.19%. Comparing base (502f9c6) to head (a6855b8).
⚠️ Report is 1 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #3294      +/-   ##
==========================================
- Coverage   89.77%   89.19%   -0.59%     
==========================================
  Files         376      250     -126     
  Lines        5586     4701     -885     
  Branches     1777     1560     -217     
==========================================
- Hits         5015     4193     -822     
+ Misses        562      500      -62     
+ Partials        9        8       -1     

Flag	Coverage Δ
main	?
pull-request	89.19% <100.00%> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[codecademydev]

📬 Published Alpha Packages:

@codecademy/gamut@68.2.1-alpha.610ec2.0
@codecademy/gamut-kit@0.6.591-alpha.610ec2.0

[github-actions]

🚀 Styleguide deploy preview ready!

Preview URL: https://69c40af1387303c851d07e5b--gamut-preview.netlify.app
Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/69c40af1387303c851d07e5b