UI Changes

[RKBoss6]

Along with BangleApps #4078, changes the UI to feel cleaner and fixes bugs with how the favorites are displayed.

Description

As I was making a PR to improve favorites handling here, I noticed certain visual discrepancies and errors, such as a number above the 100s favorited often clipping past the icon and becoming less readable as a result, so I decided to somewhat modernise the interface to feel fresh, as well as fix layout bugs and errors.

It is up on my personal app loader, if anyone wants to take a look. It doesn't have this updated script to go along with it, so it won't have the pills and updated favorite buttons yet. To see those, look in the screenshots section. What's up right now on my app loader is what the main. app loader will look like after BangleApps #4078 is merged. Anyone is welcome to pop in, take a look, and share what you think!

This PR, along with BangleApps #4078:

• Adds more rounded edges
• Adds padding between app tiles
• Rounds the search bar and borders
• Moves the favorites count from inside the icon to beside it, for better readability
• Adds an animation when you favorite/unfavorite an app to help the UI feel more fluid
• Adds a pill-shaped background of the app buttons (favorite, install, open IDE, etc.)
• Adds rounded corners and more padding to modals
• Fixes alignment of device images in the select devices modal

This PR addresses the favorites count and buttons being displayed in a pill, along with the favorites count beside the icon, which can now animate.

This PR must be merged after BangleApps #4078 is merged, this handles js, while BangleApps #4078 handles the CSS, and is necessary to be merged later for a smooth change.

Screenshots

Before

After

Before

After

Favorites Animations

Screen.Recording.2025-12-01.at.3.36.54.PM.mov

[gfwilliams]

Let's discuss on espruino/BangleApps#4078

[RKBoss6]

Alright, I'll convert this to a draft for now, and try to figure out if I can use my fork in the other PR