fix: wrap long workspace option card text

[yanmo42]

Fixes #1142

Summary

• add a shared title class to Workspace option card titles
• apply the same title class to Workspace Kind cards
• allow Workspace option card titles and descriptions to wrap within the card
• add a focused test assertion for the option card title class

Testing

• npm run prettier:check -- src/app/app.css src/app/pages/Workspaces/Form/shared/WorkspaceFormOptionCard.tsx src/app/pages/Workspaces/Form/shared/tests/WorkspaceFormOptionCard.spec.tsx src/app/pages/Workspaces/Form/kind/WorkspaceFormKindList.tsx
• npm run test:lint -- src/app/pages/Workspaces/Form/shared/WorkspaceFormOptionCard.tsx src/app/pages/Workspaces/Form/shared/tests/WorkspaceFormOptionCard.spec.tsx src/app/pages/Workspaces/Form/kind/WorkspaceFormKindList.tsx
• npm run test:jest -- WorkspaceFormOptionCard.spec.tsx --runInBand --silent
• npm run test:type-check -- --pretty false
• npm run build

[google-oss-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign ederign for approval. For more information see the Kubernetes Code Review Process.

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

Details

Needs approval from an approver in each of these files:

• workspaces/frontend/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[thaorell]

Hi @yanmo42, have you tested this implementation? There is no changes visible on my end
Before:

After:

[thaorell]

Remove this unit test since it doesn't test the functionality of the wrapping

[yanmo42]

Done — removed that test. You're right, it was just asserting on the CSS class name, not that text actually wraps. Stripped it out.