fix: Escape apostrophes in JSX and remove autoFocus attributes to resolve ESLint errors

maternal-web/app/(auth)/forgot-password/page.tsx

@@ -93,7 +93,7 @@ export default function ForgotPasswordPage() {
                   Forgot Password?
                 </Typography>
                 <Typography variant="body2" color="text.secondary">
-                  No worries! Enter your email address and we'll send you a link to reset your password.
+                  No worries! Enter your email address and we&apos;ll send you a link to reset your password.
                 </Typography>
               </Box>
 
@@ -112,7 +112,6 @@ export default function ForgotPasswordPage() {
                   onChange={(e) => setEmail(e.target.value)}
                   disabled={loading}
                   required
-                  autoFocus
                   sx={{
                     mb: 3,
                     '& .MuiOutlinedInput-root': {
@@ -183,12 +182,12 @@ export default function ForgotPasswordPage() {
               </Typography>
 
               <Typography variant="body1" color="text.secondary" sx={{ mb: 3 }}>
-                If an account with that email exists, we've sent you a password reset link. Please check your inbox and follow the instructions.
+                If an account with that email exists, we&apos;ve sent you a password reset link. Please check your inbox and follow the instructions.
               </Typography>
 
               <Alert severity="info" sx={{ mb: 3, borderRadius: 2, textAlign: 'left' }}>
                 <Typography variant="body2" fontWeight="600" gutterBottom>
-                  Didn't receive the email?
+                  Didn&apos;t receive the email?
                 </Typography>
                 <Typography variant="body2">
                   • Check your spam or junk folder

maternal-web/app/(auth)/onboarding/page.tsx

@@ -127,7 +127,7 @@ export default function OnboardingPage() {
                   Welcome to Maternal! 🎉
                 </Typography>
                 <Typography variant="body1" color="text.secondary" sx={{ mt: 2, mb: 4 }}>
-                  We're excited to help you track and understand your child's development, sleep patterns, feeding schedules, and more.
+                  We&apos;re excited to help you track and understand your child&apos;s development, sleep patterns, feeding schedules, and more.
                 </Typography>
                 <Box sx={{ display: 'flex', gap: 2, justifyContent: 'center', flexWrap: 'wrap' }}>
                   <Paper sx={{ p: 2, flex: 1, minWidth: 150 }}>
@@ -152,7 +152,7 @@ export default function OnboardingPage() {
                   Add Your First Child
                 </Typography>
                 <Typography variant="body2" color="text.secondary" sx={{ mb: 3 }}>
-                  Let's start by adding some basic information about your child.
+                  Let&apos;s start by adding some basic information about your child.
                 </Typography>
 
                 {error && (
@@ -163,7 +163,7 @@ export default function OnboardingPage() {
 
                 <TextField
                   fullWidth
-                  label="Child's Name"
+                  label="Child&apos;s Name"
                   value={childName}
                   onChange={(e) => setChildName(e.target.value)}
                   margin="normal"
@@ -220,7 +220,7 @@ export default function OnboardingPage() {
                   Invite Family Members
                 </Typography>
                 <Typography variant="body2" color="text.secondary" sx={{ mb: 3 }}>
-                  Share your child's progress with family members. They can view activities and add their own entries.
+                  Share your child&apos;s progress with family members. They can view activities and add their own entries.
                 </Typography>
 
                 <TextField
@@ -262,10 +262,10 @@ export default function OnboardingPage() {
                   <Check sx={{ fontSize: 48 }} />
                 </Avatar>
                 <Typography variant="h5" gutterBottom fontWeight="600">
-                  You're All Set! 🎉
+                  You&apos;re All Set! 🎉
                 </Typography>
                 <Typography variant="body1" color="text.secondary" sx={{ mb: 4 }}>
-                  Start tracking your child's activities and get personalized insights.
+                  Start tracking your child&apos;s activities and get personalized insights.
                 </Typography>
 
                 <Paper sx={{ p: 3, bgcolor: 'primary.light', mb: 3 }}>

maternal-web/app/(auth)/register/page.tsx

@@ -322,7 +322,7 @@ export default function RegisterPage() {
                   }
                   label={
                     <Typography variant="body2" color="text.secondary">
-                      I confirm that I have my parent/guardian's permission to create this account
+                      I confirm that I have my parent/guardian&apos;s permission to create this account
                     </Typography>
                   }
                   sx={{ mt: 1 }}

maternal-web/app/(auth)/reset-password/page.tsx

@@ -183,7 +183,6 @@ export default function ResetPasswordPage() {
                   onChange={(e) => setNewPassword(e.target.value)}
                   disabled={loading}
                   required
-                  autoFocus
                   InputProps={{
                     endAdornment: (
                       <InputAdornment position="end">

maternal-web/app/family/page.tsx

@@ -211,7 +211,7 @@ export default function FamilyPage() {
                         Family Share Code
                       </Typography>
                       <Typography variant="body2" color="text.secondary" sx={{ mb: 2 }}>
-                        Share this code with family members to give them access to your family's data
+                        Share this code with family members to give them access to your family&apos;s data
                       </Typography>
                       <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, flexWrap: 'wrap' }}>
                         <Chip

maternal-web/app/history/page.tsx

@@ -194,7 +194,7 @@ export default function HistoryPage() {
           {/* Daily Summary */}
           <Paper sx={{ p: 3, mt: 3 }}>
             <Typography variant="h6" fontWeight="600" gutterBottom>
-              Today's Summary
+              Today&apos;s Summary
             </Typography>
             <Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', mt: 2 }}>
               <Chip

maternal-web/app/offline/page.tsx

@@ -77,7 +77,7 @@ export default function OfflinePage() {
             gutterBottom
             sx={{ fontWeight: 600 }}
           >
-            You're Offline
+            You're Offline
           </Typography>
 
           <Typography
@@ -85,7 +85,7 @@ export default function OfflinePage() {
             color="text.secondary"
             sx={{ mb: 4 }}
           >
-            It looks like you've lost your internet connection. Some features may be limited while offline.
+            It looks like you&apos;ve lost your internet connection. Some features may be limited while offline.
           </Typography>
 
           <Box sx={{ mb: 3 }}>