✨ style: Enhance Styling & Accessibility

[berry-13]

Summary

Description:

• 🎨 UI Improvements: Enhanced visual appeal and layout adjustments

  • Added shadows to div elements in various components for a better look
  • Auto-focus enabled for TextareaAutosize in PromptEditor
  • Conditional button margin adjustments in Groups/List

• ♿ Accessibility Improvements: Elevating user access needs

  • Enhanced the SelectDropDown in ModelPanel with aria attributes for better accessibility

• 🔄 Code Refactoring: Streamlining and optimizing the codebase

  • Refactored SelectDropDown using hooks for improved component functionality and readability
  • Removed redundant code and streamlined formatting
  • Added ring style

• 📊 Data Model Updates: Minor corrections for consistency

  • Adjusted label and value fields in Categories for proper data handling

These updates ensure a more cohesive user experience, enhanced accessibility features, and cleaner, more maintainable code

Change Type

• a11y
• style

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
• Local unit tests pass with my changes
• Any changes dependent on mine have been merged and published in downstream modules.