🎨 feat: enhance Chat Input UI, File Mgmt. UI, Bookmarks a11y

[berry-13]

Summary

Description:

• 🎨 Improvements to Chat User Interface:

  • ChatForm.tsx: Added a new state maximizeChatSpace to dynamically control the chat form's width, providing a better user experience by adjusting to different screen sizes

• 📁 Enhancements to File Attachments and Previews:

  • AttachFile.tsx: Simplified positioning logic for the attachment button, streamlining user interaction
  • DragDropOverlay.tsx: Updated overlay styling to improve visual feedback during drag-and-drop operations, enhancing user engagement
  • FileContainer.tsx: Enhanced styling and accessibility by adding titles, making file browsing more intuitive
  • FileRow.tsx: Improved layout and rendering logic for file rows, with better handling of various file types, particularly images and non-image files

• 📊 Updates to File Table Component

  • Columns.tsx: Adjusted column definitions and added hover effects to enhance user interaction and responsiveness
  • DataTable.tsx: Refactored state management to use hooks, improving responsiveness on small screens, thereby enhancing user experience on different devices

This PR is dedicated to improving both the user interface and the underlying code architecture of the chat input components, aiming at a seamless user experience and easier code maintainability. The updates introduce feature enhancements and code simplifications to ensure an intuitive and visually consistent file management process

Change Type

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Style

Testing

• 📱 Mobile Browsers:

  • Tested on Chrome, Firefox, Samsung Internet Browser, and Brave

• 🖥️ Desktop Browsers:

  • Tested on Chrome, Firefox, and Brave

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• My changes do not introduce new warnings
• I have written tests demonstrating that my changes are effective or that my feature works
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.