[Link] Disabled link still able to click when there is a onClick handler

[amandac628]

Prerequisites

• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the issue

When there is a onClick handler passed in the slot, the function will still be triggered:

<sgds-link disabled>
     <a href='#' onClick={handleClick}>Link</a>
</sgds-link>

Solution: we could try to use the CSS pointer-events: none on disabled to prevent any events from bubbling down to the slots.

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

Describe your frontend stack. What version of React and @govtechsg/sgds-web-component are you using? CSR or SSR?

react-19