Make @nestia/agent responsive.

[samchon]

This pull request includes several changes to the NestiaChatMovie component and related files to improve code organization, add new features, and enhance the user interface. The most important changes include the addition of new icons and UI elements, refactoring of event listeners, and updates to the layout for better responsiveness.

Code Organization and Refactoring:

• Refactored event listeners in NestiaChatMovie to improve readability and maintainability by separating initialization, event interactions, and event handlers. [1] [2]
• Added comments and organized code into sections such as variables, states, event interactions, initialization, and renderers. [1] [2]

New Features:

• Added ReceiptLongIcon and Drawer components to enhance the user interface, including a new side drawer for mobile views. [1] [2]
• Implemented conditional rendering for mobile and desktop views using useMediaQuery and useTheme hooks. [1] [2]

UI Enhancements:

• Updated margin values in message components (NestiaChatDescribeMessageMovie, NestiaChatSelectMessageMovie, and NestiaChatTextMessageMovie) to use percentages for better responsiveness. [1] [2] [3]
• Changed the SIDE_WIDTH constant name from RIGHT_WIDTH for better clarity.

Bug Fixes:

• Improved error handling in the handleKeyUp function to display alerts for errors and set the error state properly.

Version Update:

• Updated the version in package.json from 0.3.2 to 0.3.3.

[samchon]

OK, no problem.