fixed drawer issue

[ArshdeepSingh3-eaton]

Fixes # bug-854

Changes proposed in this Pull Request:

-

-

Screenshots / Screen Recording (if applicable)

-

To Test:

-

Any specific feedback you are looking for?

-

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 83.76%. Comparing base (3e8c139) to head (1af3093).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## dev #898 +/- ## ======================================= Coverage 83.76% 83.76% ======================================= Files 58 58 Lines 1226 1226 Branches 154 154 ======================================= Hits 1027 1027 Misses 100 100 Partials 99 99 ``` | [Flag](https://app.codecov.io/gh/etn-ccis/blui-react-component-library/pull/898/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=etn-ccis) | Coverage Δ | | |---|---|---| | [unittests](https://app.codecov.io/gh/etn-ccis/blui-react-component-library/pull/898/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=etn-ccis) | `83.76% <ø> (ø)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=etn-ccis#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit 1af3093):

https://blui-react-docs--pr898-bug-blui-6034-drawer-c3321z6s.web.app

_{(expires Sat, 31 Aug 2024 08:19:21 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 34d39fa5aab0ea0cf95074e8e76f68829e7a8c65}