fix(fe): popover width can fit trigger element (#8624)

Author: jmelahman

web/src/components/Dropdown.tsx

@@ -186,7 +186,12 @@ export const DefaultDropdown = forwardRef<HTMLDivElement, DefaultDropdownProps>(
             <FiChevronDown className="my-auto ml-auto" />
           </div>
         </Popover.Trigger>
-        <Popover.Content align="start" side={side} sideOffset={5}>
+        <Popover.Content
+          align="start"
+          side={side}
+          sideOffset={5}
+          width="trigger"
+        >
           <div
             ref={ref}
             className={`

web/src/refresh-components/Popover.tsx

@@ -107,12 +107,13 @@ const PopoverClose = PopoverPrimitive.Close;
  * </Popover.Content>
  * ```
  */
-type PopoverWidths = "fit" | "md" | "lg" | "xl";
+type PopoverWidths = "fit" | "md" | "lg" | "xl" | "trigger";
 const widthClasses: Record<PopoverWidths, string> = {
   fit: "w-fit",
   md: "w-[12rem]",
   lg: "w-[15rem]",
   xl: "w-[18rem]",
+  trigger: "w-[var(--radix-popover-trigger-width)]",
 };
 interface PopoverContentProps
   extends WithoutStyles<