et-501: create drawer component

[bejoinka]

User description

there is currently no drawer component. simple drawer component with left/right and flexible size.

---

PR Type

Enhancement, Tests

---

Description

• Implemented a new Drawer component with customizable width and side options.
• Added styles for the Drawer component and new utility classes for layout and transitions.
• Created unit tests for the Drawer component to ensure correct rendering and behavior.
• Exported the Drawer component in the main components index.
• Added a Storybook story to demonstrate the Drawer component usage.
• Updated icon types to include RiHistoryLine.

---

Changes walkthrough 📝

	Relevant files
Enhancement	style.css Add styles for drawer component and utilities                        style.css Added styles for the new drawer component. Introduced utility classes for grid layout and transitions. Added new width and height utility classes. +75/-0    index.ts Export Drawer component in index                                                  src/components/index.ts Exported the new Drawer component. +1/-0      drawer.tsx Implement Drawer component with customizable options          src/components/ui/drawer/drawer.tsx Implemented the Drawer component with customizable width and side. Used clsx for conditional class names. +45/-0    index.ts Create index file for Drawer component                                      src/components/ui/drawer/index.ts Created an index file to export the Drawer component. +2/-0      types.ts Add RiHistoryLine icon to ICONS                                                    src/components/ui/icon/types.ts Added RiHistoryLine icon to the ICONS export. +4/-2
Tests	drawer.spec.tsx Add unit tests for Drawer component                                            src/components/ui/drawer/drawer.spec.tsx Added unit tests for the Drawer component. Tested drawer width, position, and transform classes. +55/-0
Documentation	Drawer.stories.tsx Add Storybook story for Drawer component                                  src/stories/Drawer.stories.tsx Added a Storybook story for the Drawer component. Demonstrated controlled drawer usage in a grid layout. +31/-0

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 PR contains tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Redundant Code The CSS classes .duration-300 and .ease-in-out are defined twice with the same properties. Consider removing the duplicate definitions to clean up the codebase.

[github-actions]

PR Code Suggestions ✨

No code suggestions found for the PR.

[skrobek]

Suggestion
What if I want to pass width in '%' or 'rem' ? 🤔 Maybe it make sense to change this to be more generic and allow to pass tailwind class instead of absolute value.