This display represents a single element in the app. In the case of “lights” every single one of your connected lights is displayed like this. The display is divided into several individual sections, each one serving a different purpose. The area on the left contains operating elements in the form of one or more buttons that you can use to control the element (e.g. light on/off). Then there is a text area containing information such as the name and the allocated area. On the right, many apps have a status display showing you the current status of the element. Fo lights, you can see whether the light is on or off, or (if the energy saving mode is active) when the light will be switched off.
Clicking /pressing the text area of an element opens the settings screen where you can change the app name, allocated areas and functions as you wish.