Time fix for home-auto demo (slint-ui#8473)

* Landscape time was not hidden in portrait

* Apply landscape time fix to portrait

Author: NigelBreslaw

demos/home-automation/ui/components/mainView/mainScreen.slint

@@ -118,7 +118,7 @@ export component MainScreen inherits Rectangle {
         ]
     }
 
-    Rectangle {
+    if AppState.orientation == Orientation.landscape: Rectangle {
         property <bool> showing-time: true;
         property <length> margin: AppState.graphics-accelerator-available ? 5px : 20px;
         width: 200px;
@@ -184,7 +184,7 @@ export component MainScreen inherits Rectangle {
             }
         }
     }
-    if AppState.orientation == Orientation.portrait:  HorizontalLayout {
+    if AppState.orientation == Orientation.portrait: HorizontalLayout {
         y: root.height - self.height - 10px;
         alignment: center;
         spacing: 30px;
@@ -208,7 +208,7 @@ export component MainScreen inherits Rectangle {
         }
         HorizontalLayout {
             HaText {
-                text: Api.current-time.hour.mod(12);
+                text: Api.current-time.hour.mod(12) == 0 ? 12 : Api.current-time.hour.mod(12);
                 horizontal-alignment: center;
                 vertical-alignment: center;
                 color: Palette.info-foreground;