feat(about-section): new component [khcp-8589]

[kaiarrowood]

Summary

New AppAboutSection component for KHCP-8589.
Also minor fixes for TopNTable:

• Fix KCard styles
• Add isLoading prop

Figma: https://www.figma.com/file/8UBIeLOY3YX3oF0RtDdwau/About-Section?type=design&node-id=55%3A9902&mode=dev

PR Checklist

• Naming & Structure: the files and package structure use the conventions outlined in the Creating a Package docs.
• Tests pass: check the output of all package unit and/or component tests.
  • If this PR is the result of a bug, test coverage was added accordingly.
• Functional: all changes do not break existing APIs, but if so, a BREAKING CHANGE commit is in place to bump the major version.
• Conventional Commits all commits follow the conventional commit standards outlined in the main README.
• Docs: includes a technically accurate README, and the docs have been updated accordingly based on the changes in this PR.

[adamdehaven]

The responsiveness overall looks great, but one issue with the created/modified timestamps

Can we drop these to a new line, under the title or description, on smaller screens?

[adamdehaven]

question: why would the createdLabel or modifiedLabel ever be different text?

[kaiarrowood]

For User/Developer pages we are going to display Joined instead of Created

[adamdehaven]

If that's the case, should the prop names for created/modified be more generic?

e.g. createdLabel: 'Joined' seems a bit confusing

[kaiarrowood]

Do you have a suggestion, it maps to created_at/updated_at fields most of the time.

[adamdehaven]

I’m worried a bit about the amount of content being displayed at the bottom of the component. Is this accounted for in the responsive style rules?

Obviously mobile is going to be a stretch, but even smaller laptop screens are going to have to wrap/stack some of this content.

Could you update the sandbox to see what this looks like and then we can inspect on smaller screens?