- Updated CSS for the requirements class to enhance visual appeal and maintainability, including adjustments to padding, border-radius, and background color.
- Added hover effects to improve user interaction, including color changes and box-shadow enhancements.
- Introduced transitions for smoother visual feedback on hover actions.

These changes improve the user experience by providing a more engaging and visually appealing interface for the RequirementBanner component.

- Simplified the click event handling by moving it to the parent div, enhancing user interaction.
- Cleaned up the import statements for better readability and consistency.
- Standardized the CSS formatting for the requirements class to improve maintainability.

These changes enhance the user experience by streamlining interactions and improving code clarity.

- Updated button logic to utilize a computed property `canContinue`, enhancing user feedback on whether they can proceed.
- Introduced a tooltip that displays conditional messages based on credit selection and review status.
- Enhanced button and tooltip styling for better visual clarity and user interaction.
- Adjusted layout to improve responsiveness and spacing between buttons.

These changes significantly enhance the user experience by providing clearer guidance on credit requirements and interaction states.

- Updated CreditsProgressBar.vue to modify the button's disabled logic, now using a computed property `canContinue` to determine if the user can proceed.
- Introduced a tooltip that provides conditional messages based on the user's credit selection and review status, enhancing user feedback.
- Added a new computed property in the script setup to check for subjects under review, improving the validation process.
- Enhanced styling for the button container and tooltip for better visual clarity and user interaction.

These changes improve the user experience by providing clearer guidance on credit requirements and the ability to continue based on the current selection state.

- Updated SubjectCard.vue to include a new computed property for determining the banner state and added a rejection reason prop for better feedback.
- Modified StatusBanner.vue to display the rejection reason when applicable, enhancing user clarity on subject status.
- Updated subjectsData.js to include rejection reasons for subjects, providing more context for users regarding their status.

These changes improve the user experience by offering clearer information on subject validation and rejection scenarios.

- Updated SubjectCard.vue to introduce a computed property for subject selection, ensuring subjects are marked as selected during review.
- Modified CheckboxSection.vue to handle both selectable and disabled states, improving the checkbox behavior based on the current state.
- Enhanced styling for disabled checkboxes to provide better visual feedback.

These changes improve the clarity and functionality of subject selection, particularly during the review process.

- Updated SubjectCard.vue to pass structured prerequisite data to SubjectValidationModal, enhancing validation messaging.
- Introduced a computed property in SubjectCard to retrieve prerequisite information from the store.
- Enhanced SubjectValidationModal.vue to dynamically display prerequisite details, improving user clarity on subject requirements.
- Added a new getter in subjectsStore.js to fetch prerequisite information, streamlining data access.

These changes improve the user experience by providing clearer feedback on subject prerequisites and validation requirements.

Refactor SubjectCard and SubjectValidationModal for improved prerequisite handling and user experience

- Updated the SubjectCard component to utilize the store for prerequisite data, enhancing the validation process.
- Removed the prerequisite prop from SubjectCard, streamlining the component's props.
- Enhanced the SubjectValidationModal to include a validator for the prerequisite prop, ensuring proper data structure.
- Improved the layout and styling of the SubjectValidationModal for better readability and user interaction.

These changes enhance the validation flow and user feedback when dealing with subject prerequisites.

- Updated the SubjectValidationModal component to provide a clearer validation message regarding subject prerequisites.
- Added a claim section with a textarea for users to submit their claims and an uploader for documentation.
- Improved button actions to include a "Reclamar asignatura" option, enabling users to submit their claims.
- Enhanced the styling for better user experience and visual clarity.

These changes improve the validation flow and user feedback when dealing with subject prerequisites.

- Added a `SubjectValidationModal` to `SubjectCard.vue` that triggers when a subject requiring validation is selected.
- Introduced a new `prerequisite` prop to manage prerequisite subjects for validation.
- Updated the `subjectsData` mock to include prerequisite information for subjects that require validation.

These changes improve user feedback and ensure proper validation flow when selecting subjects.

- Added `requiresValidation` prop to `SubjectCard.vue` and `StatusBanner.vue` to indicate when validation is needed for a subject.
- Updated `StatusBanner` to display appropriate messages and styles based on the new validation state.
- Modified the `subjectsData` mock to include `requiresValidation` and a notification message for subjects requiring validation.

These changes improve the user interface by providing clearer feedback on the validation status of subjects.

- Enhanced the markAsRead function to update notification state more efficiently.
- Improved CSS styling by adding a cursor pointer to notification content for better user experience.

These changes streamline the notification marking process and enhance visual feedback for users.

- Implemented individual notification marking as read, updating the notifications state accordingly.
- Refined CSS transitions for notification items to enhance hover effects and overall user experience.
- Improved readability of notification items by adjusting hover styles.

These changes enhance user interaction with notifications and provide clearer visual feedback on notification status.

- Added a computed property in Navbar.vue to conditionally display the notification icon based on the current route.
- Updated the Navbar template to include the new notification icon with a Vuetify badge for unread notifications.
- Refactored the getSubjectNotifications getter in subjectsStore.js for cleaner syntax and improved readability.
- Simplified the getUnreadNotificationsCount method to enhance clarity and maintainability.

These changes improve user awareness of notifications and streamline the notification handling process across the application.

- Updated Navbar.vue to integrate a Vuetify badge for unread notifications, improving visual feedback for users.
- Enhanced the notification handling logic in subjectsStore.js by removing mock notifications and implementing a dynamic notification system based on subject states.
- Simplified the getSubjectNotifications getter to generate notifications based on subject properties, ensuring real-time updates.
- Improved the method for counting unread notifications to utilize the new dynamic notification structure.

These changes streamline notification management and enhance user experience by providing accurate and timely information.

- Replaced the notification icon in the Navbar with a Vuetify badge for better visual integration.
- Removed outdated notification styles and added new styles for the Vuetify badge.
- Simplified the Notifications view by removing the "mark all as read" button and enabling individual notification marking through click events.
- Enhanced notification item styling for clearer differentiation between read and unread notifications.

These changes streamline the notification handling process and improve the overall aesthetic and functionality of the components.

- Integrated unread notification count in the Navbar for better user awareness.
- Updated Navbar template to display a notification badge when there are unread notifications.
- Enhanced Notifications view to fetch and display notifications from the store.
- Added functionality to mark notifications as read individually or all at once.
- Improved styling for notification items and buttons for a more user-friendly interface.

These changes improve the overall user experience by providing clearer notification management and interaction.

- Changed primary color in global styles for a refreshed look.
- Standardized color values for border, hover, and disabled states.
- Added a back navigation feature in Notifications view using Vue Router.
- Improved template structure with a dedicated header for notifications.
- Introduced scoped styles for better layout and user interaction in the Notifications view.

These changes enhance the visual consistency and user experience across the application.

- Replaced the notifications button with an icon for a cleaner design.
- Updated the showNotifications method to use the router for navigation.
- Enhanced CSS for the notification icon to improve user experience with hover effects.
- Cleaned up the template for better readability.

These changes streamline the Navbar's functionality and enhance the overall user interface.

- Added a new button in the Navbar component to navigate to the notifications page.
- Introduced a new route for the notifications page in the router configuration.
- Updated Navbar.vue to include the showNotifications method and the corresponding button with an icon.
- Cleaned up template formatting for better readability.

These changes enhance user navigation by providing direct access to notifications.

- Added file upload capability to the NonBlockingRequirement.vue component, allowing users to attach necessary documentation for specific requirements.
- Introduced a new UploaderFiles component for handling file uploads and integrated it into the modal workflow.
- Updated localization files (English and Spanish) to include new strings related to file uploads and confirmation actions.
- Enhanced the modal structure for better clarity and user experience, including dynamic content based on requirement type.
- Adjusted mock data to reflect the new upload requirement for non-blocking prerequisites.

These changes improve user interaction with documentation requirements and ensure compliance with necessary uploads during the enrollment process.

- Replaced the documentation banner in SubjectCard.vue with a StatusBanner component to standardize the display of documentation requirements.
- Updated StatusBanner.vue to include a new state for 'requiere-documentacion', with corresponding icon and message.
- Removed obsolete CSS styles related to the previous documentation banner, improving code cleanliness and maintainability.

These changes streamline the user interface for documentation requirements and improve component consistency.

- Updated CourseDropdown.vue to use a dedicated handleNormativeCancel method for better clarity in canceling normative actions.
- Enhanced SubjectDocumentationModal.vue and SubjectNormativeModal.vue to utilize a centralized handleClose method for closing modals, improving consistency.
- Added unselectSubject method in subjectsStore.js to manage subject deselection more effectively.
- Adjusted SubjectCard.vue to ensure checkboxes are unchecked when modals are triggered, enhancing user experience.

These changes aim to streamline modal interactions and improve the overall state management within the select-subjects components.

- Added a new banner to indicate when documentation is required for a subject.
- Introduced a SubjectDocumentationModal for uploading necessary documents, including handling file uploads and modal visibility.
- Updated props in SubjectCard.vue to include 'requiresDocumentation' and adjusted the subject selection logic to account for documentation requirements.
- Enhanced localization files (English and Spanish) to include new strings related to required documentation.
- Updated mock data to reflect the new documentation requirement for specific subjects.

These changes improve user guidance and ensure compliance with documentation requirements for subject enrollment.

- Cleaned up template formatting in CourseDropdown.vue, CourseHeader.vue, and SubjectCard.vue for better code clarity.
- Added comments to enhance understanding of component structure and functionality.
- Improved styling consistency and organization in SubjectCard.vue and SubjectNormativeModal.vue.
- Updated TabSelector.vue to clarify prop definitions and enhance documentation.

These changes aim to enhance the overall maintainability of the select-subjects components.

- Added a loading state to the Button component, allowing for visual feedback during asynchronous operations.
- Updated button template to conditionally render a loading spinner and adjust the disabled state based on loading status.
- Improved class binding for better styling management, ensuring a more responsive user experience.

- Updated OnboardingStep.vue to improve layout with adjusted padding, minimum height, and overflow handling for better responsiveness.
- Refined typography styles for titles, subtitles, and descriptions to enhance readability.
- Added media queries for better adaptation on smaller screens.
- Updated English and Spanish localization files to reflect new titles, subtitles, and descriptions for onboarding steps, improving clarity and user guidance.