Refactor dynamic panel link selector

What does this MR do?

Addresses data-qa-selector="`${panel.name}_link`" selector that was dynamically generated to this point. Unfortunately we ran into a problem in !61816 (merged) with the new panel names using kebab case (e.g. import-group-pane) which will result in an invalid element name (:import-group-pane_link).

Instead, we can utilise Dynamic element selection with both data-qa-selector (fixed name) and data-qa-panel-name (dynamically generated) that will work well in all cases.

See https://gitlab.com/gitlab-org/quality/team-tasks/-/issues/918

Does this MR meet the acceptance criteria?

Conformity

• [-] I have included changelog trailers, or none are needed. (Does this MR need a changelog?)
• [-] I have added/updated documentation, or it's not needed. (Is documentation required?)
• [-] I have properly separated EE content from FOSS, or this MR is FOSS only. (Where should EE code go?)
• [-] I have added information for database reviewers in the MR description, or it's not needed. (Does this MR have database related changes?)
• I have self-reviewed this MR per code review guidelines.
• This MR does not harm performance, or I have asked a reviewer to help assess the performance impact. (Merge request performance guidelines)
• I have followed the style guides.
• [-] This change is backwards compatible across updates, or this does not apply.