Home: move prayers and recall history to sidebar, add left column for recall cards

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/pages/HomePage.jsx

@@ -146,8 +146,14 @@ export default function HomePage() {
         </>
       )}
     >
-      <main className="mx-auto grid max-w-6xl gap-6 px-4 py-6 lg:grid-cols-[minmax(0,1fr)_21rem]">
-        <section className="min-w-0">
+      <main className="mx-auto grid max-w-6xl gap-y-6 px-4 py-6 lg:grid-cols-[minmax(0,1fr)_21rem] xl:max-w-[88rem] xl:grid-cols-[auto_minmax(0,1fr)_21rem]">
+        {/* Left column: the recall and daily-verse cards (collapses when neither has anything to show) */}
+        <aside className="empty:hidden lg:col-span-2 xl:col-span-1 xl:w-80 xl:pr-6">
+          <WeeklyRecall />
+          <IqDailyCard />
+        </aside>
+
+        <section className="min-w-0 lg:pr-6">
           {projectIndex.length > 0 && (() => {
             const age = backupAge(lastBackupAt());
             return (
@@ -157,11 +163,7 @@ export default function HomePage() {
               </p>
             );
           })()}
-          <PinnedPrayers />
           <DailyFive />
-          <WeeklyRecall />
-          <RecallHistory />
-          <IqDailyCard />
           {autoRestoredCount !== null && (
             <div className={notice}>Synced {autoRestoredCount} project{autoRestoredCount > 1 ? 's' : ''} from another device.</div>
           )}
@@ -348,6 +350,9 @@ export default function HomePage() {
           <TodayCard planProgress={planProgress} readingActivity={readingActivity} openReadingPlans={openReadingPlans}
             openPlanReading={openPlanReading} studyReadingPlanDay={studyReadingPlanDay} studyBuildBusy={studyBuildBusy} />
 
+          <PinnedPrayers />
+          <RecallHistory />
+
           {/* BSB audio player — always shown, so it's easy to find */}
           <AudioPlayer
             title="Listen to BSB Audio"