[Feature] Add ReplyIcon - address review comments

- Add title prop support for accessibility: render {title && <title>{title}</title>} inside SVG so screen readers can describe the icon

- Split width/height test into two separate cases:
  - 'uses default width and height': renders with no props, verifies defaults (24)
  - 'applies custom width and height': renders with width=32 height=32, verifies custom values are applied

Signed-off-by: thechillbasu <basusarthakmain@gmail.com>

Author: thechillbasu

src/__testing__/ReplyIcon.test.tsx

@@ -6,10 +6,17 @@ describe('ReplyIcon', () => {
     render(<ReplyIcon width={24} height={24} />);
   });
 
-  it('applies width and height', () => {
-    const { getByTestId } = render(<ReplyIcon width={24} height={24} />);
+  it('uses default width and height', () => {
+    const { getByTestId } = render(<ReplyIcon />);
     const svgElement = getByTestId('reply-icon-svg');
     expect(svgElement.getAttribute('width')).toBe('24');
     expect(svgElement.getAttribute('height')).toBe('24');
   });
+
+  it('applies custom width and height', () => {
+    const { getByTestId } = render(<ReplyIcon width={32} height={32} />);
+    const svgElement = getByTestId('reply-icon-svg');
+    expect(svgElement.getAttribute('width')).toBe('32');
+    expect(svgElement.getAttribute('height')).toBe('32');
+  });
 });

src/icons/Reply/ReplyIcon.tsx

@@ -5,6 +5,7 @@ export const ReplyIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
   fill = DEFAULT_FILL_NONE,
+  title,
   ...props
 }: IconProps): JSX.Element => {
   return (
@@ -16,6 +17,7 @@ export const ReplyIcon = ({
       data-testid="reply-icon-svg"
       {...props}
     >
+      {title && <title>{title}</title>}
       <path
         d="M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-10z"
         fill={fill}