Reduce feedback form layout shift

[Copilot]

Clicking the happy/unhappy feedback buttons caused a layout shift because the follow-up form used display: none → block, removing it from document flow until revealed.

Change

Swap display toggle for visibility + opacity on .feedback__form:

// Before
&__form {
    display: none;
    &.active { display: block; }
}

// After
&__form {
    visibility: hidden;
    opacity: 0;
    transition: opacity $transition;
    &.active {
        visibility: visible;
        opacity: 1;
    }
}

visibility: hidden keeps the element in the document flow, so its space is always reserved below the buttons. When a button is clicked the existing JS adds the active class and the form fades in (0.25s ease-out) without shifting any surrounding content.

AI-generated contribution — changes were produced with GitHub Copilot Coding Agent.

[Copilot]

Pull request overview

This PR aims to reduce layout shift (CLS) in the page feedback component when users click the happy/unhappy buttons by keeping the follow-up form’s space reserved in the document flow and fading it in via opacity.

Changes:

• Replace display: none/block toggling on .feedback__form with visibility + opacity.
• Add an opacity transition to smoothly reveal the form when the existing JS adds the active class.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.