fix(Avatar): add missing ref on default avatar (#2516)

* fix(Avatar): add missing ref on default avatar

* Create nasty-frogs-end.md

Author: saurabhdaware

.changeset/nasty-frogs-end.md

@@ -0,0 +1,5 @@
+---
+"@razorpay/blade": patch
+---
+
+fix(Avatar): misaligned menu on Avatar with icon

packages/blade/src/components/Avatar/Avatar.web.tsx

@@ -127,7 +127,7 @@ const _Avatar: React.ForwardRefRenderFunction<BladeElementRef, AvatarProps> = (
       );
     }
 
-    return <AvatarButton {...commonButtonProps} icon={icon ?? UserIcon} />;
+    return <AvatarButton ref={ref as never} {...commonButtonProps} icon={icon ?? UserIcon} />;
   };
 
   const isSquare = variant === 'square';

packages/blade/src/components/Menu/docs/Menu.stories.tsx

@@ -323,6 +323,11 @@ Default.args = {
   trigger: <Avatar name="Saurabh Daware" size="large" color="primary" />,
 };
 
+export const WithAvatarIcon = MenuTemplate.bind({});
+WithAvatarIcon.args = {
+  trigger: <Avatar size="large" color="primary" />,
+};
+
 export const CustomItems = CustomOverlayMenuTemplate.bind({});
 CustomItems.args = {
   openInteraction: 'hover',