Refactor Claro's system-admin--links stylesheet

Gauravvv → made their first commit to this issue’s fork.

Refactored system-admin--links.pcss.css file.

1. Improved nesting of selectors.
2. No changes in system-admin--links.css file, so we're good to review.

This issue is being reviewed by the kind folks in Slack, #needs-review-queue-initiative. We are working to keep the size of Needs Review queue [2700+ issues] to around 400 (1 month or less), following Review a patch or merge request → as a guide.

Change looks good.

All nesting is done

.css is unchanged so no screenshots are needed.

+++ b/core/themes/claro/css/components/system-admin--links.pcss.css
@@ -13,11 +13,15 @@
+small {
+  & .admin-link {

I think this would be more readable if we had this only nested on two levels. First level would be small .admin-link and then we have the &:before and &:after inside it.

Thankyou for quick feedback @Lauri. I agree with you. I have updated the patch with required changes. please review

Attached interdiff for same.

Committed 7c9320b and pushed to 10.1.x. Thanks!