[FE] Campaigns - Colour coding, campaign statuses and icons

[AtanasovaGA]

Which area(s) of Podkrepi.bg are affected? (leave empty if unsure)

Desktop layout, Mobile layout, Campaigns

Describe the feature you'd like to request

As a Campaign Manager I want the users quickly to understand the status of the campaigns on Campaigns Listing Page so that the users can make easier donations decisions and stay informed on campaign progress.

Acceptance Criteria:

Status Text: Each campaign card should display a status (e.g., Active / Aктивна , Successful / Успешна , Paused / На пауза, Stopped / Спряна.
Icons: Each status should have a corresponding icon, please refer to the design attached
Colour Coding: Each donation progress bar should be colour-coded for easy identification (e.g., blue for Active, green for Successful, yellow for Paused, grey for Stopped).
Consistent Placement: The status text, icon, and colour should be consistently placed across all campaign cards.

Final Design:

Notes:
This ticket is linked to the BE changes for Campaign Status developed under #1881
Internal statuses are: active (активна) , paused (на пауза) , blocked (спряна), completed (успешна)

Describe the solution you'd like

Figma:
Development, Campaign tags
https://www.figma.com/design/MmvFKzUv6yE5U2wrOpWtwS/Podkrepi.bg?node-id=25084-8504&node-type=instance&t=DXVYUhk28Vc84LNb-0

Describe alternatives you've considered

No response