CATALYST-1570: fix(ui) - Reduce dropdown menu border width to match select

The dropdown menu used `ring` (3px default) while the Select component
used `ring-1` (1px). This caused a visually thick border on dropdown
menus, most noticeably on the wishlist page.

Fixes CATALYST-1570
Co-Authored-By: Claude <noreply@anthropic.com>

Author: chanceaclark

.changeset/fix-dropdown-menu-border.md

@@ -0,0 +1,5 @@
+---
+'@bigcommerce/catalyst-core': patch
+---
+
+Fix extra thick border on dropdown menu by changing `ring` (3px) to `ring-1` (1px) to match the Select component styling.

core/vibes/soul/primitives/dropdown-menu/index.tsx

@@ -62,7 +62,7 @@ export const DropdownMenu = ({
         <DropdownMenuPrimitive.Content
           align={align}
           className={clsx(
-            'z-50 max-h-80 max-w-lg overflow-y-auto rounded-2xl bg-[var(--dropdown-menu-background,hsl(var(--background)))] p-2 shadow-xl ring ring-contrast-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 @4xl:w-32 @4xl:rounded-2xl @4xl:p-2',
+            'z-50 max-h-80 max-w-lg overflow-y-auto rounded-2xl bg-[var(--dropdown-menu-background,hsl(var(--background)))] p-2 shadow-xl ring-1 ring-contrast-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 @4xl:w-32 @4xl:rounded-2xl @4xl:p-2',
             className,
           )}
           sideOffset={slideOffset}