Improve Default User Interface Experience

Problem Statement

The current dashboard experience contains multiple inconsistencies in UI behavior, spacing, and success state handling, which creates a fragmented and less polished user experience.

Several components currently behave differently despite serving similar purposes. Examples include:

1. Different success message styles and behaviors across modules

2. Inconsistent modal interactions

3. Excessive spacing and oversized form fields

4. Redundant UI elements

5. Loading states conflicting with success notifications

6. General performance/slowness perception across dashboard interactions

These inconsistencies reduce usability, create confusion for users, and impact the perceived quality and responsiveness of the platform.

User Story

As a subscriber using the dashboard,

I want a consistent, responsive, and space-efficient interface across all account management actions,

So that interactions feel predictable, modern, and easy to use without unnecessary visual clutter or inconsistent behaviors.

Definition of Done (DoD)

UI/UX Standardization

1. All success messages use the same:

2. Color palette

3. Typography

4. Animation

5. Positioning

6. Close behavior

7. Timing

8. Remove weird onfocus/pressed outlines appear in the close button

9. Remove weird vertically scroll happens once I press the pencil icon (edit) to update my email address.

10. Unified modal behavior implemented across dashboard

11. Unified loading and completion interaction patterns

Form & Layout Improvements

1. Reduce unnecessary whitespace in forms

2. Optimize large text fields in forms like delivery instructions

3. Unify the gift receipient address modal to be "Add shipping address" similar to other modals