fix(ui): fixing the hover bug in the dropdown component (#26257)

* fix(ui): fixing the hover bug in the dropdown component

* revert

---------

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>

apps/web/app/(use-page-wrapper)/apps/routing-forms/forms/[[...pages]]/Forms.tsx

@@ -305,7 +305,7 @@ export default function RoutingForms({ appUrl }: { appUrl: string }) {
                                       action="_delete"
                                       routingForm={form}
                                       color="destructive"
-                                      className="w-full"
+                                      className="w-full rounded-t-none"
                                       StartIcon="trash">
                                       {t("delete")}
                                     </FormAction>

apps/web/modules/ee/api-keys/components/ApiKeyListItem.tsx

@@ -84,7 +84,7 @@ const ApiKeyListItem = ({
                 {t("edit") as string}
               </DropdownItem>
             </DropdownMenuItem>
-            <DropdownMenuItem className="hover:bg-transparent">
+            <DropdownMenuItem>
               <DropdownItem
                 type="button"
                 color="destructive"

apps/web/modules/ee/teams/components/TeamListItem.tsx

@@ -306,6 +306,7 @@ export default function TeamListItem(props: Props) {
                               color="destructive"
                               type="button"
                               StartIcon="log-out"
+                              className="rounded-t-none"
                               onClick={(e) => {
                                 e.stopPropagation();
                               }}>