feat(formulus): Redesign Sync App bundle section

[IamLRBA]

Summary

Refreshed the Sync screen App bundle block: clearer layout, token-based colors for light/dark, status pill, version row with a compact Update action, and the themed Button component.

Why

• Have an intended UI (status + versions + update in one place).
• Keep success / warning / neutral states readable in light and dark mode..

How

• SyncScreen.tsx: Replaced the old subtitle + stacked versions + separate full-width update control with a card that includes a short subtitle, a pill for state (up to date / update available / could not verify), and an inner bordered row where Version: Local … • Server … and Update sit on one line.

Dark Mode	Light Mode

[r0ssing]

Looks good! I am wondering though if we should introduce a linebreak to have

1. "Server version" be on it's own line (but still inside the same box) - right now the version number is cut-off due to space limitations on a normal phone?
2. Also - it seems we have a little bit of box-in-a-box coming back in the version area. Perhaps we could impeccably style it a bit? Le Sapeur-style 😄
3. Finally, perhaps we should consider moving the "Update" button to next to the "Up to date"-pill (and then simply hide it, when there are no updates)

[IamLRBA]

Looks good! I am wondering though if we should introduce a linebreak to have

1. "Server version" be on it's own line (but still inside the same box) - right now the version number is cut-off due to space limitations on a normal phone?

2. Also - it seems we have a little bit of box-in-a-box coming back in the version area. Perhaps we could impeccably style it a bit? Le Sapeur-style 😄

3. Finally, perhaps we should consider moving the "Update" button to next to the "Up to date"-pill (and then simply hide it, when there are no updates)

Thanks @r0ssing for the comments.
Let me work on those and make the section a Banger (simply) 🙂‍↕️

[IamLRBA]

[r0ssing]

Thanks @IamLRBA