Change GovMetric to use seperate IDs for end of list and abort list

[joeribekker]

• We need to split source ID into abort source ID and feedback source ID.
• Show smileys directly on the confirmation page

Vendor 1

Clicking stop replaces the page with: https://websurveys2.govmetric.com/theme/kf/9990006?Q_TYPE=form&Q_ZT_ID=135&Q_PAGE=confirm

<section class="ng-star-inserted">
    <h2>Wat vindt u van dit formulier?</h2><app-form-gov-metric class="flex form-field-responsive">
        <div id="sidebar" class="gm_sidebar w-form-field mt-2 mb-6">
            <ul class="flex justify-between p-0 m-0">
                <li class="kif_col [&amp;.kif\_col]:block [&amp;.kif\_col]:w-auto max-w-[31%] ml-2"><a rel="nofollow"
                        class="gm_sidebar_anchor"
                        href="https://websurveys2.govmetric.com/theme/kf/2652?Q_TYPE=form&amp;Q_ZT_ID=135&amp;Q_PAGE=complete&amp;Q_RATINGID=3"
                        title="Beoordeel dit formulier als goed"><img src="assets/images/gov-metric/Good.svg"
                            class="h-11 w-11 m-auto" alt="Groene smiley (positief)"></a><strong>Goed</strong></li>
                <li class="kif_col [&amp;.kif\_col]:block [&amp;.kif\_col]:w-auto max-w-[31%]"><a rel="nofollow"
                        class="gm_sidebar_anchor"
                        href="https://websurveys2.govmetric.com/theme/kf/2652?Q_TYPE=form&amp;Q_ZT_ID=135&amp;Q_PAGE=complete&amp;Q_RATINGID=2"
                        title="Beoordeel dit formulier als matig"><img src="assets/images/gov-metric/Average.svg"
                            class="h-11 w-11 m-auto" alt="Oranje smiley (neutraal)"></a><strong>Matig</strong></li>
                <li class="kif_col [&amp;.kif\_col]:block [&amp;.kif\_col]:w-auto max-w-[31%] mr-2"><a rel="nofollow"
                        class="gm_sidebar_anchor"
                        href="https://websurveys2.govmetric.com/theme/kf/2652?Q_TYPE=form&amp;Q_ZT_ID=135&amp;Q_PAGE=complete&amp;Q_RATINGID=4"
                        title="Beoordeel dit formulier als slecht"><img src="assets/images/gov-metric/Poor.svg"
                            class="h-11 w-11 m-auto" alt="Rode smiley (negatief)"></a><strong>Slecht</strong></li>
            </ul>
        </div>
    </app-form-gov-metric>
</section>

Vendor 2

• https://websurveys2.govmetric.com/css/client/gm_sidebar.css
• https://websurveys2.govmetric.com/js/client/gm_intro.js?v=202011112031
• https://websurveys2.govmetric.com//css/modal2/modal.css?v=202011112031

<div id="feedback_tool" class="gm_sidebar">
    <h1>Wat vond u van dit formulier?</h1>
    <p class="select_your_choice">Maak uw keuze:</p>
        <div class="kif_wrap">
        <div class="kif_item">
            <a href="https://websurveys2.govmetric.com/theme/kf/2652?GUID=''&amp;Q_RATINGID=3" class="gm_sidebar_anchor" title="Beoordeel deze formulier als goed" role="button" rel="nofollow">
                <img src="https://websurveys2.govmetric.com/imgs/smileys/svg/standard/smiley-dark-green.svg" alt="Groene smiley (positief)">
            </a>
            <p class="option_good">Goed</p>
        </div>
        <div class="kif_item">
            <a href="https://websurveys2.govmetric.com/theme/kf/2652?GUID=''&amp;Q_RATINGID=2" class="gm_sidebar_anchor" title="Beoordeel deze formulier als matig" role="button" rel="nofollow">
                <img src="https://websurveys2.govmetric.com/imgs/smileys/svg/standard/smiley-orange.svg" alt="Oranje smiley (neutraal)">
            </a>
            <p class="option_mediocre">Matig</p>
        </div>
        <div class="kif_item">
            <a href="https://websurveys2.govmetric.com/theme/kf/2652?GUID=''&amp;Q_RATINGID=4" class="gm_sidebar_anchor" title="Beoordeel deze formulier als slecht" role="button" rel="nofollow">
                <img src="https://websurveys2.govmetric.com/imgs/smileys/svg/standard/smiley-dark-red.svg" alt="Rode smiley (negatief)">
            </a>
            <p class="option_bad">Slecht</p>
        </div>
    </div>
    </div>

[sergei-maertens]

-> needs to be a PR against stable/2.6.x and forward port it then to sort out migrations