Update Layer panel icon components for better comprehension

[LuniMoon]

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the bug

Based on TheQuirkyGamer feature request on the forum

The user reports that it is hard to distinguish which are the locked or unlocked instances on the instance list. Specially when the list is long.

Suggested solution:

Update the layer panel with an updated icon button. Look for the specifications on the file "Components" and search for "Clickable-Icon"

This design should allow the eye to make a distinction between default state (Placeholder in the Component) and Active (Enabled)

Steps to reproduce

Long list of objects in the instance panel

GDevelop platform

Desktop, Web, Mobile

GDevelop version

5.4.204

Platform info

OS (e.g. Windows, Linux, macOS, Android, iOS)

OS Version (e.g. Windows 10, macOS 10.15)

Browser(For Web) (e.g. Chrome, Firefox, Safari)

Device(For Mobile) (e.g. iPhone 12, Samsung Galaxy S21)

Additional context

No response