Add ability to hide the small clock in the top bar

Conditionally render the Clock component in HomePage based on `homeClockVisible` state.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: c54122d2-bcd6-45f5-9567-1082d8006c1b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/PwtbShH
Replit-Helium-Checkpoint-Created: true

artifacts/teaboy-os/src/pages/home.tsx

@@ -449,14 +449,16 @@ export default function HomePage() {
         </div>
 
         {/* Clock + dates */}
-        <div className="px-2 shrink-0">
-          <Clock
-            style={user?.clockStyle ?? null}
-            hour12={user?.clockHour12 ?? null}
-            time={time}
-            lang={lang}
-          />
-        </div>
+        {homeClockVisible && (
+          <div className="px-2 shrink-0">
+            <Clock
+              style={user?.clockStyle ?? null}
+              hour12={user?.clockHour12 ?? null}
+              time={time}
+              lang={lang}
+            />
+          </div>
+        )}
 
         {/* Controls */}
         <div className="flex items-center gap-1 shrink basis-0 flex-1 justify-end">