fix(angular): source preview for angular stories does not show proper props values

[sheriffMoose]

Closes #21066

What I did

• enforce using brackets as a best practice for inputs in angular components.
• fix values showing as false because they don't have enum type.
• display string props within single quotes pair.
• display object & array items as JSON strings instead of just a duplicate of propertyName.

Before

After

How to test

• CI Passes

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]