Remove pause button from header (Sub-Task 3)

- Removed pause button from TimeDisplay component
- Removed pause-related props (paused, onTogglePause) from TimeDisplay
- Cleaned up unused imports (Play, Pause from lucide-react, Button)
- Updated page.tsx to pass insight prop instead of pause props
- Header now shows: game title, day/hour, and insight display

src/app/page.tsx

@@ -181,8 +181,7 @@ export default function ManaLoopGame() {
               <TimeDisplay
                 day={store.day}
                 hour={store.hour}
-                isPaused={store.paused}
-                togglePause={store.togglePause}
+                insight={store.insight}
               />
             </div>
           </div>

src/components/game/TimeDisplay.tsx

@@ -1,7 +1,5 @@
 'use client';
 
-import { Play, Pause } from 'lucide-react';
-import { Button } from '@/components/ui/button';
 import { fmt } from '@/lib/game/store';
 import { formatHour } from '@/lib/game/formatting';
 
@@ -9,16 +7,12 @@ interface TimeDisplayProps {
   day: number;
   hour: number;
   insight: number;
-  paused: boolean;
-  onTogglePause: () => void;
 }
 
 export function TimeDisplay({
   day,
   hour,
   insight,
-  paused,
-  onTogglePause,
 }: TimeDisplayProps) {
   return (
     <div className="flex items-center gap-4">
@@ -37,15 +31,6 @@ export function TimeDisplay({
         </div>
         <div className="text-xs text-gray-400">Insight</div>
       </div>
-      
-      <Button
-        variant="ghost"
-        size="sm"
-        onClick={onTogglePause}
-        className="text-gray-400 hover:text-white"
-      >
-        {paused ? <Play className="w-4 h-4" /> : <Pause className="w-4 h-4" />}
-      </Button>
     </div>
   );
 }