Adopt CSS logical properties

[AlanGreene]

Changes

Prepare for Carbon 11 upgrade, adopt CSS logical properties for consistency and to take advantage of some of the new auto-layout features.

• width becomes inline-size
• margin-top becomes margin-block-start
• top and right become inset-block-start and inset-inline-end respectively
• viewport units vw (width) and vh (height) become vi (inline) and vb (block) respectively
• etc.

Logical properties aren't supported in media queries yet so there are still some uses of min-width remaining for now.

Similarly, the logical property replacements for overflow-x and overflow-y are currently only supported in Firefox, so we keep the existing properties for now and can implement a workaround to honour writing direction etc. if needed.

Also update some variables and other identifiers in code to use the start / end naming for consistency. Some functions which are part of component APIs keep their original naming for now.

/kind misc

Submitter Checklist

As the author of this PR, please check off the items in this checklist:

• [ ] Docs included if any changes are user facing
• [ ] Tests included if any functionality added or changed
• [ ] Follows the commit message standard
• [ ] Meets the Tekton contributor standards (including functionality, content, code)
• [ ] Has a kind label. You can add one by adding a comment on this PR that contains /kind <type>. Valid types are bug, cleanup, design, documentation, feature, flake, misc, question, tep
• [ ] Release notes block below has been updated with any user facing changes (new features, significant UI changes, API changes, bug fixes, changes requiring upgrade notices or deprecation warnings)
• [ ] Release notes contains the string "action required" if the change requires additional action from users switching to the new release

Release Notes

NONE

[tekton-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: briangleeson

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files: - ~~[OWNERS](https://github.com/tektoncd/dashboard/blob/main/OWNERS)~~ [briangleeson] Approvers can indicate their approval by writing `/approve` in a comment Approvers can cancel approval by writing `/approve cancel` in a comment