Dropdown Closes with Excessive Delay on Hover

### **Description:**
When hovering over the navbar, the dropdown menu opens correctly, but it takes an unusually long time to close after the mouse moves away. This delay is longer than expected and does not align with standard UI/UX behavior.

#### **Steps to Reproduce:**
1. Hover over the navbar to open the dropdown.
2. Move the cursor away from the dropdown.
3. Observe that the dropdown remains open for an extended period before closing.

#### **Expected Behavior:**
The dropdown should close promptly after the cursor moves away, with a minimal delay for a smooth user experience.

#### **Possible Causes:**
- High `timeout` value in the dropdown close event.
- CSS `transition-delay` or `animation` causing a slow fade-out effect.
- Event listener delay due to `setTimeout` usage in JavaScript.

#### **Suggested Fix:**
- Check the delay value in JavaScript (`setTimeout` or `onMouseLeave`).
- Reduce CSS `transition-delay` if used.
- Ensure there are no conflicting event listeners causing excessive delay.

[Proof](https://drive.google.com/file/d/1Mg-9ZG4OWfHX-8wnmXLoGGxEN2xJD7rn/view?usp=sharing)