fix(practice): disable auto-scroll and add modern PWA meta tag

- Add scroll: false to all router.push() calls in practice pages
- Add scroll={false} to Link component in not-found page
- Fixes Next.js warning about auto-scroll with fixed position header
- Add mobile-web-app-capable meta tag alongside deprecated apple-mobile-web-app-capable

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

apps/web/src/app/layout.tsx

@@ -68,6 +68,11 @@ export const metadata: Metadata = {
     title: 'Abaci.One',
   },
 
+  // Modern web app capable meta tag (non-Apple browsers)
+  other: {
+    'mobile-web-app-capable': 'yes',
+  },
+
   // Category
   category: 'education',
 }

apps/web/src/app/practice/PracticeClient.tsx

@@ -38,7 +38,7 @@ export function PracticeClient({ initialPlayers }: PracticeClientProps) {
   // Handle student selection - navigate to student's practice page
   const handleSelectStudent = useCallback(
     (student: StudentWithProgress) => {
-      router.push(`/practice/${student.id}`)
+      router.push(`/practice/${student.id}`, { scroll: false })
     },
     [router]
   )

apps/web/src/app/practice/[studentId]/StudentPracticeClient.tsx

@@ -154,7 +154,7 @@ export function StudentPracticeClient({
 
   // Handle continue practice - navigate to configuration page
   const handleContinuePractice = useCallback(() => {
-    router.push(`/practice/${studentId}/configure`)
+    router.push(`/practice/${studentId}/configure`, { scroll: false })
   }, [studentId, router])
 
   // Handle resuming an existing session
@@ -187,7 +187,7 @@ export function StudentPracticeClient({
       {
         onSuccess: () => {
           // Navigate to configure page for a fresh start
-          router.push(`/practice/${studentId}/configure`)
+          router.push(`/practice/${studentId}/configure`, { scroll: false })
         },
       }
     )
@@ -220,12 +220,12 @@ export function StudentPracticeClient({
         { playerId: studentId, planId: currentPlan.id },
         {
           onSuccess: () => {
-            router.push(`/practice/${studentId}/configure`)
+            router.push(`/practice/${studentId}/configure`, { scroll: false })
           },
         }
       )
     } else {
-      router.push(`/practice/${studentId}/configure`)
+      router.push(`/practice/${studentId}/configure`, { scroll: false })
     }
   }, [studentId, currentPlan, abandonSession, router])
 
@@ -275,7 +275,7 @@ export function StudentPracticeClient({
     endEarly.reset()
     abandonSession.reset()
     // Navigate to configure page for new session
-    router.push(`/practice/${studentId}/configure`)
+    router.push(`/practice/${studentId}/configure`, { scroll: false })
   }, [
     generatePlan,
     approvePlan,
@@ -314,7 +314,7 @@ export function StudentPracticeClient({
 
   // Handle opening placement test - navigate to placement test route
   const handleRunPlacementTest = useCallback(() => {
-    router.push(`/practice/${studentId}/placement-test`)
+    router.push(`/practice/${studentId}/placement-test`, { scroll: false })
   }, [studentId, router])
 
   // Handle opening manual skill selector

apps/web/src/app/practice/[studentId]/configure/ConfigureClient.tsx

@@ -59,7 +59,7 @@ export function ConfigureClient({ studentId, playerName }: ConfigureClientProps)
       {
         onSuccess: () => {
           // Redirect to main practice page - view will derive from session data
-          router.push(`/practice/${studentId}`)
+          router.push(`/practice/${studentId}`, { scroll: false })
         },
         onError: (err) => {
           // If an active session already exists, use it and redirect
@@ -67,7 +67,7 @@ export function ConfigureClient({ studentId, playerName }: ConfigureClientProps)
             // Update the cache with the existing plan so the practice page has it
             queryClient.setQueryData(sessionPlanKeys.active(studentId), err.existingPlan)
             // Redirect to practice page
-            router.push(`/practice/${studentId}`)
+            router.push(`/practice/${studentId}`, { scroll: false })
           }
         },
       }
@@ -76,7 +76,7 @@ export function ConfigureClient({ studentId, playerName }: ConfigureClientProps)
 
   const handleCancel = useCallback(() => {
     generatePlan.reset()
-    router.push(`/practice/${studentId}`)
+    router.push(`/practice/${studentId}`, { scroll: false })
   }, [studentId, generatePlan, router])
 
   return (

apps/web/src/app/practice/[studentId]/not-found.tsx

@@ -53,6 +53,7 @@ export default function StudentNotFound() {
           </p>
           <Link
             href="/practice"
+            scroll={false}
             className={css({
               display: 'inline-block',
               padding: '0.75rem 2rem',

apps/web/src/app/practice/[studentId]/placement-test/PlacementTestClient.tsx

@@ -29,13 +29,13 @@ export function PlacementTestClient({ studentId, playerName }: PlacementTestClie
       // TODO: Save results to curriculum via API
       console.log('Placement test complete:', results)
       // Return to main practice page
-      router.push(`/practice/${studentId}`)
+      router.push(`/practice/${studentId}`, { scroll: false })
     },
     [studentId, router]
   )
 
   const handleCancel = useCallback(() => {
-    router.push(`/practice/${studentId}`)
+    router.push(`/practice/${studentId}`, { scroll: false })
   }, [studentId, router])
 
   return (