Completed Components Folder Restructure and Added New MessageItem Component

[fingerthief]

Pull Request Summary

Description:
This pull request includes a series of commits focused on restructuring the components folder, adding new features, and improving the overall application performance and user experience. Below is a summary of the changes:

1. New Features:

   • Model Selection Sidebar: Introduced a new model selecting experience with a sidebar for mobile layout. This sidebar allows users to select between models and general configuration.
   • MessageItem Component: Added a new MessageItem component to represent a single message item. The previous MessageItem component has been renamed to MessagesList to accurately reflect its function.

2. Improvements:

   • Selected State for Model Sections: Added a selected state for model sections in the new sidebar to indicate when a GPT or Claude model is selected, even when the list is collapsed.
   • Config Sections: Fixed issues related to expanding and closing configuration sections.
   • Message Layout Adjustments: Made slight adjustments to the maximum width of messages in both desktop and mobile layouts for better readability.

3. Code Cleanup:

   • Unused Files and Packages: Removed unused files and uninstalled unused packages, including testing suites, to reduce overall application bloat.
   • SCSS Typing: Added SCSS lang type to all style tags for consistency across the application.

4. Folder Restructure:

   • Components Folder: Completed the reorganization of the components folder to improve maintainability and clarity.

Impact:
These changes enhance the user experience, improve the maintainability and performance of the application, and ensure consistency in styling. The new model selection sidebar and MessageItem component add valuable functionality, while the cleanup and restructuring efforts reduce bloat and improve code organization.

New Mobile Model Selector

Auto Generated Notes (Do Not Change)

---

Contents (#147)

Uncategorised!

• Finished organizing the components folder. Added a new MessageItem component representing a single message item.
• Uninstalled unused packages like testing suites and delete associated files to reduce overall application bloat.
• Adding a new model selecting experience with a sidebar when in mobile layout.
• Added selected state for model sections in the new sidebar to indicate a GPT or Claude model is selected when the lsit is collapsed.
• remove unused file
• tweak mobile sidebar expanded item colors a bit

[github-actions]

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

https://minimalgpt--pr147-dev-completed-compon-a5pc8gwb.web.app

_{(expires Sat, 15 Jun 2024 13:20:20 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 95b9f8da4861f0258375bb9789bfa436b4ed7d98}