fix: wrap content with larger top padding container to show clock

src/components/HomePage.tsx

@@ -25,7 +25,8 @@ export default function HomePage({ prayers, todayCount, onStartPraying }: HomePa
   const uniqueDays = new Set(prayers.map(p => p.date)).size;
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32 pt-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 px-4 pb-32">
+      <div className="pt-24">
       {/* Clock */}
       <div className="max-w-md mx-auto mb-8">
         <Clock />
@@ -100,6 +101,7 @@ export default function HomePage({ prayers, todayCount, onStartPraying }: HomePa
           </p>
         </div>
       )}
+      </div>
     </div>
   );
 }