make the deployment card as collapsible

[Yasir761]

Description

Fix ProjectDeploymentListItem dropdown menu

Fixes #3266

[kresimir-coko]

Make sure to run npm run format and npm run typecheck.

Some notes before looking at the details of the implementation:

• Remove comments.
• If statements require braces around the return;
• Don't use shorthand terms like e for event
• Single invocations don't require braces (lines 197-206)
• Record a video of how it looks like after your changes

[Yasir761]

Here’s a quick demo of the changes: Loom Video

[kresimir-coko]

Good job, a couple things missing.

• Cursor should be cursor-pointer indicating that the card is clickable
• Clicks on the dropdown (as indicated in video) shouldn't open the card
• On line 92 we have a single line if statement, make sure the return is wrapped with braces
• On line 125 there is a leftover comment

Screen.Recording.2025-10-22.at.09.40.48.mov

[kresimir-coko]

@Yasir761 did you fix these 2 points?

• Cursor should be cursor-pointer indicating that the card is clickable
• Clicks on the dropdown (as indicated in video) shouldn't open the card

[Yasir761]

@Yasir761 did you fix these 2 points?

• Cursor should be cursor-pointer indicating that the card is clickable
• Clicks on the dropdown (as indicated in video) shouldn't open the card

Now they work as expected

[kresimir-coko]

@Yasir761 Clicks on the dropdown (as indicated in video) shouldn't open the card. Make sure to check it manually if it works as expected, I pulled your code and clicked on the dropdown's options and it toggles the card

[Yasir761]

@kresimir-coko, Hey, I just attached the Loom video showing that dropdown. Here is the link video

[kresimir-coko]

@Yasir761 the one on the right, that opens when you click on the Button represented by the 3 vertical dots. Sorry for the confusion.

[Yasir761]

@kresimir-coko, can you review the changes? I guess I solved them.