Consistent Styling for dotAI Portlet

Problem Statement

The dotAI portlet currently lacks consistent styling compared to other portlets in the application. This inconsistency can create a jarring user experience, detracting from the overall design coherence of the application. The dotAI portlet needs to be styled to match the look and feel of other portlets, ensuring a seamless user interface.

@melissarojas-dotcms not sure if you can help us attaching some mocks with the respective design of this portlet

Steps to Reproduce

Log into the application with the necessary credentials.
Navigate to the section where the dotAI portlet is displayed.
Compare the styling of the dotAI portlet with other portlets.
Observe the inconsistencies in styling, such as colors, fonts, spacing, and layout.

Acceptance Criteria

Consistent Styling: Ensure that the dotAI portlet is styled consistently with other portlets in the application. This includes matching colors, fonts, spacing, and layout. Responsive Design: The dotAI portlet should be responsive and display correctly on various screen sizes and devices, just like other portlets. User-Friendly Interface: The portlet should be easy to interact with, providing a user-friendly experience consistent with the rest of the application.

dotCMS Version

Tested on the latest trunk // Docker // FF

Proposed Objective

Quality Assurance

Proposed Priority

Priority 2 - Important

dotCMS / core