UX Design Improvement: Make the Home screen's cloud upload status indication more intuitive

## Summary
The home screen's cloud upload status is confusing and needs to be improved.

## Goal / Outcome
Users understand the cloud upload status in a more easy way.

## User Context
TBD

## Problem
Currently it is difficult to understand what the cloud upload UI on the home screen means.
- Only the numbers are displayed without labels/icons to explain what it means, making it hard to understand what they are.
- It is hard to understand the relation between the number above (already uploaded trees) and below (trees waiting to be uploaded) and because they look different in size and located distantly

## Scope

## User Stories
- As a user, I want to check the cloud upload status in more intuitive way so that I can check whether all the saved update are on cloud or they need to upload the remaining un-uploaded trees (??, needs to research further to understand why users need this information)

## Constraints
- Basic constraint is listed on [this page]( https://github.com/Greenstand/treetracker-android/wiki/Product-Documentation)

## Logic and Rules
- Users go to home screen

## Inputs and Outputs
### Inputs
N/A

### Outputs
N/A

## User Flow
[TBD]

## UX / Design
Links to Figma, wireframes, flows, prototypes
[TBD]

## Success Metrics
Need to discuss

## Technical Notes

## Risks and Open Questions

## Dependencies

## Related Links
Slack https://greenstand.slack.com/archives/C9G1MDZ0S/p1770829572123779

## Figma Link
https://www.figma.com/design/hyfPWEHHgiH3YE3WWc6Cvn/Yuri-New-Roots-Design-System-1.0?node-id=14751-32055&t=sjM5rTs7weu3T4ju-4