fix: AccordionItemHeader to take full width

[Akshay090]

Description

Changes

Additional Information

Component Checklist

• Update Component Status Page
• Perform Manual Testing in Other Browsers
• Add KitchenSink Story
• Add Interaction Tests (if applicable)
• Add changeset

[changeset-bot]

🦋 Changeset detected

Latest commit: cf3e3d0

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@razorpay/blade	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

✅ PR title follows Conventional Commits specification.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit cf3e3d0:

Sandbox	Source
razorpay/blade: basic	Configuration

[rzpcibot]

Bundle Size Report

Updated Components

Status	Component	Base Size (kb)	Current Size (kb)	Diff
⬆	Accordion, AccordionItemHeader, AccordionItemBody, AccordionItem	7.464	7.467	+0.003 KB
⬆	DatePicker	85.362	85.369	+0.007 KB
⬆	Drawer, DrawerBody, DrawerHeader, drawerPadding	16.739	16.742	+0.003 KB
⬆	Dropdown, DropdownOverlay, DropdownButton, DropdownLink, DropdownFooter, DropdownHeader	28.002	28.004	+0.002 KB
⬆	Menu, MenuItem, MenuOverlay, MenuDivider, MenuFooter, MenuHeader	28.819	28.823	+0.004 KB
⬆	SideNav, SideNavLink, SideNavLevel, SideNavSection, SideNavItem, SideNavFooter, SideNavBody, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL	32.314	32.317	+0.003 KB
⬆	PhoneNumberInput	59.558	59.561	+0.003 KB

Generated by 🚫 dangerJS against cf3e3d0

[anuraghazra]

@Akshay090 please update snapshots and add changesets.

[saurabhdaware]

Can you update the snapshots?

[saurabhdaware]

I think we can try giving the existing Box a flex={1} or width="100%"

From what I remember, this exists because if in some case you pass multiple children component instead of one component, they will get rendered side-by-side because outer Box to this is a flex