Suggestion: Add Active Classes and Styles to Components with Active States

[MonaAghili]

Currently, components like buttons that can have an active state do not include specific classes or styles to indicate when they are active. This can result in inconsistent UI behavior and lack of visual feedback for users.

• Add an active class (e.g., active-button) to components that have active states, such as buttons, links, and navigation items.
• Ensure that styles associated with the active class are consistent across all components.
• Update the components to include appropriate CSS properties (background color, border, box-shadow, text color) to indicate the active state.