Add runtime clock and project time display in App component

src/app/App.tsx

@@ -7917,7 +7917,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
               loadedImageAssets={loadedImageAssets}
               loadedAudioAssets={loadedAudioAssets}
               navigationMode={activeNavigationMode}
+              runtimeClock={runtimeGlobalState.clock}
               onRuntimeMessageChange={setRuntimeMessage}
+              onRuntimeClockChange={handleRuntimeClockChange}
               onFirstPersonTelemetryChange={setFirstPersonTelemetry}
               onInteractionPromptChange={setRuntimeInteractionPrompt}
               onSceneExitActivated={handleRunnerSceneExitActivated}
@@ -7960,6 +7962,17 @@ export function App({ store, initialStatusMessage }: AppProps) {
                     {runtimeGlobalState.transitionCount}
                   </div>
                 </div>
+                <div className="stat-card">
+                  <div className="label">Project Time</div>
+                  <div className="value" data-testid="runner-project-time">
+                    {formatTimeOfDayHours(runtimeGlobalState.clock.timeOfDayHours)}
+                  </div>
+                  <div className="material-summary">
+                    Day {runtimeGlobalState.clock.dayCount + 1} · {Number.isInteger(runtimeGlobalState.clock.dayLengthMinutes)
+                      ? runtimeGlobalState.clock.dayLengthMinutes.toFixed(0)
+                      : runtimeGlobalState.clock.dayLengthMinutes.toFixed(1)} min/day
+                  </div>
+                </div>
                 <div className="stat-card">
                   <div className="label">Pointer Lock</div>
                   <div className="value">