Adding Icons and Enhancing Color and Layout for Dashboard and Invitation Pages

[Girish9960]

What?

This commit aims to enhance the user experience on both the user and organization dashboards, as well as the invitation page by adding icons and updating the color and layout of the edit text fields. The key changes are:

Icons:

We have introduced intuitive and meaningful icons throughout the dashboard and invitation pages. Icons provide visual cues and help users quickly identify different sections and actions, improving overall usability.

Color Text:

The color of the text fields has been updated to create a more visually appealing and harmonious design. The new color palette aligns better with the overall branding and theme of the application.

How?

The following steps were taken to implement these improvements:

Icon Integration:

Identified key sections and actions on the dashboard and invitation pages that would benefit from the addition of icons.
Sourced a set of relevant icons that are consistent with the application's design language.
Integrated the icons into their respective sections on the pages, ensuring they align well with surrounding elements and text.

Color Edit Text:

Conducted a design review to select an appropriate color palette that complements the existing branding and theme.
Updated the CSS styles and applied the new color palette to the edit text fields on the dashboard and invitation pages.
Ensured proper contrast and readability of text on different backgrounds.

Layout and Design:

Made necessary adjustments to the layout to accommodate the new icons without compromising the page's structure.
Ensured consistent spacing and alignment of elements to maintain a visually pleasing and user-friendly design.

Why?

The primary reasons for making these changes are:

Enhanced User Experience:

By incorporating icons, users can easily and intuitively navigate the dashboard and invitation pages. Icons act as visual aids, reducing cognitive load and improving overall user experience.

Improved Aesthetics:

The updated color scheme and layout create a more appealing and cohesive design. A visually pleasing interface can positively impact user engagement and perception of the application.

Consistency and Branding:

The addition of icons and the revised color scheme align the dashboard and invitation pages with the overall branding of the application. Consistency in design enhances brand recognition and strengthens the application's identity.
Clarity and Usability: The clear and concise icons alongside the updated color edit text make it easier for users to understand different actions and fields, thereby improving the usability of the application.
Overall, these changes aim to create a more user-centric, visually appealing, and efficient application interface for both new and existing users.

[nishad-ayanworks]

LGTM