Resolve "Design view highlight focused design pins follow-up"

What does this MR do?

When a user hovers over an inactive pin on the design (which is currently set to 50% opacity), the opacity should be set to 100% for the hover state.

Whenever a pin on the design goes from inactive to active, or vice versa, there should be a css transition:

transition-delay: 0s
transition-duration: 0.5s
transition-property: opacity
transition-timing-function: ease

Screenshots

Does this MR meet the acceptance criteria?

Conformity

• Changelog entry
• Documentation (if required)
• Code review guidelines
• Merge request performance guidelines
• Style guides

Availability and Testing

• Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process.
• Tested in all supported browsers
• Informed Infrastructure department of a default or new setting change, if applicable per definition of done

Issue #217692 (closed)