Fix for workspace delete on Enter keydown

[RayAsh37]

Description

Pressing enter on confirmation modal deletes the entry even if cancel is focused. This PR is a possible fix

Related Issue(s)

Fixes #16717

[RayAsh37]

Is there any way to locally run an instance of the front-end for debugging purposes?

Or can I preview the build for my branch?

[RayAsh37]

Hey @gtsiolis , I am not entirely sure but I think I was able to catch the root cause. It was because of an incorrect forwarding of a useRef object. Here is the official react reference. Please review.

[RayAsh37]

I found a minor type issue in the CodeSandBox example I was using. You can test it for yourself. I tried to replicate the same scenario.

Another Stack-overflow suggestion that I used for declaring refObject. It works perfectly except TS is making a fuss.

The discussion regarding the type issue can be found here. Although the comment by shane got a lot of love, it seems that it was not solving the problem as seen here. I faced the same issue in the code-sandbox. You can give it a try.

apparently forwarding useRef is a pain especially when types are involved

Until review @gtsiolis , I will be working on another one

[gtsiolis]

@RayAsh37 I've opened #17430 to spin up a preview environment and see how this looks in action.

[gtsiolis]

Cross-posting #17707 for visibility, see also #17707 (review).