added event listener to prevent the dot being created when right clicked (8981)

[Paarth-Kashyap]

Addresses Issue 8981

This PR removes the grey dot or focus ring that appears on the dropdown when right-clicking.

Changes Made:
CSS Update:

Added &:focus, &:active { outline: none; box-shadow: none; } to the StyledContainerActionMenuDropdown component to prevent focus and active state visual effects.
Event Handler:

Added an onMouseDown event with event.preventDefault() to stop the default focus behavior when interacting with the dropdown.

[github-actions]

Welcome!

Hello there, congrats on your first PR! We're excited to have you contributing to this project.
By submitting your Pull Request, you acknowledge that you agree with the terms of our Contributor License Agreement.

Generated by 🚫 dangerJS against 8c06c2e

[greptile-apps]

PR Summary

Added CSS rules and event handler to prevent focus ring from appearing when right-clicking dropdown menus in the action menu component.

• Added outline: none and box-shadow: none CSS rules to StyledContainerActionMenuDropdown in /packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenuDropdown.tsx
• Implemented handleMouseDown event handler with event.preventDefault() to prevent default focus behavior
• Updated ts-node dev dependency from 10.9.1 to ^10.9.2 in package.json

_{💡 (1/5) You can manually trigger the bot by mentioning @greptileai in a comment!}

_{2 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

style: CSS outline:none can impact accessibility for keyboard users. Consider keeping focus styles for keyboard navigation while only preventing them for mouse interactions.