feat: add user favorite Bible version preference system

- Add favoriteBibleVersion field to User schema in Prisma
- Create API endpoint (/api/user/favorite-version) to get/set favorite version
  - GET: retrieve user's favorite Bible version
  - POST: save/update user's favorite Bible version

- Enhance Bible reader functionality
  - Automatically load user's favorite version on mount (logged-in users)
  - Add star button (⭐) next to version selector to set current version as default
  - Display success message when favorite version is saved
  - Fall back to default version if no favorite is set

- Add Bible Preferences section to Settings page
  - Display user's current favorite Bible version in dropdown
  - Allow users to view and change favorite version
  - Load all Bible versions (removed 200 limit) to ensure favorite is found
  - Show confirmation message when version is selected
  - Add loading state while fetching versions

- Fix renderValue in Select component to properly display version names
- Add comprehensive debug logging for troubleshooting

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

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

app/[locale]/bible/reader.tsx

@@ -77,7 +77,9 @@ import {
   CloudDownload,
   WifiOff,
   Storage,
-  MoreVert
+  MoreVert,
+  Star,
+  StarBorder
 } from '@mui/icons-material'
 
 interface BibleVerse {
@@ -329,32 +331,65 @@ export default function BibleReaderNew({ initialVersion, initialBook, initialCha
 
   // Fetch versions based on showAllVersions state and locale
   useEffect(() => {
-    setVersionsLoading(true)
-    const url = showAllVersions
-      ? '/api/bible/versions?all=true&limit=200' // Limit to first 200 for performance
-      : `/api/bible/versions?language=${locale}`
+    const loadVersions = async () => {
+      setVersionsLoading(true)
+      const url = showAllVersions
+        ? '/api/bible/versions?all=true&limit=200' // Limit to first 200 for performance
+        : `/api/bible/versions?language=${locale}`
+
+      try {
+        const res = await fetch(url)
+        const data = await res.json()
 
-    fetch(url)
-      .then(res => res.json())
-      .then(data => {
         if (data.success && data.versions) {
           setVersions(data.versions)
+
           // Keep current selection if it exists in new list, otherwise select default/first
           const currentVersionExists = data.versions.some((v: BibleVersion) => v.id === selectedVersion)
           if (!currentVersionExists || !selectedVersion) {
-            const defaultVersion = data.versions.find((v: BibleVersion) => v.isDefault) || data.versions[0]
-            if (defaultVersion) {
-              setSelectedVersion(defaultVersion.id)
+            // Try to load user's favorite version first
+            let versionToSelect = null
+
+            if (user) {
+              const token = localStorage.getItem('authToken')
+              if (token) {
+                try {
+                  const favoriteRes = await fetch('/api/user/favorite-version', {
+                    headers: { 'Authorization': `Bearer ${token}` }
+                  })
+                  const favoriteData = await favoriteRes.json()
+
+                  if (favoriteData.success && favoriteData.favoriteBibleVersion) {
+                    const favoriteVersion = data.versions.find((v: BibleVersion) => v.id === favoriteData.favoriteBibleVersion)
+                    if (favoriteVersion) {
+                      versionToSelect = favoriteVersion
+                    }
+                  }
+                } catch (error) {
+                  console.error('Error loading favorite version:', error)
+                }
+              }
+            }
+
+            // Fall back to default version or first version
+            if (!versionToSelect) {
+              versionToSelect = data.versions.find((v: BibleVersion) => v.isDefault) || data.versions[0]
+            }
+
+            if (versionToSelect) {
+              setSelectedVersion(versionToSelect.id)
             }
           }
         }
         setVersionsLoading(false)
-      })
-      .catch(err => {
+      } catch (err) {
         console.error('Error fetching versions:', err)
         setVersionsLoading(false)
-      })
-  }, [locale, showAllVersions, selectedVersion])
+      }
+    }
+
+    loadVersions()
+  }, [locale, showAllVersions, selectedVersion, user])
 
   // Handle URL parameters for bookmark navigation
   useEffect(() => {
@@ -1000,6 +1035,40 @@ export default function BibleReaderNew({ initialVersion, initialBook, initialCha
     }
   }
 
+  const handleSetFavoriteVersion = async () => {
+    if (!user) {
+      router.push(`/${locale}/login?redirect=${encodeURIComponent(`/${locale}/bible?version=${selectedVersion}&book=${selectedBook}&chapter=${selectedChapter}`)}`)
+      return
+    }
+
+    const token = localStorage.getItem('authToken')
+    if (!token) return
+
+    try {
+      const response = await fetch('/api/user/favorite-version', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${token}`
+        },
+        body: JSON.stringify({ versionId: selectedVersion })
+      })
+
+      const data = await response.json()
+      if (data.success) {
+        setCopyFeedback({
+          open: true,
+          message: 'This version has been set as your default'
+        })
+      } else {
+        alert('Failed to set favorite version')
+      }
+    } catch (error) {
+      console.error('Error setting favorite version:', error)
+      alert('Failed to set favorite version')
+    }
+  }
+
   const getThemeStyles = () => {
     switch (preferences.theme) {
       case 'dark':
@@ -1190,6 +1259,15 @@ export default function BibleReaderNew({ initialVersion, initialBook, initialCha
                 style: { maxHeight: 400 }
               }}
             />
+            <Tooltip title={user ? 'Set as my default version' : 'Login to set default version'}>
+              <IconButton
+                size="small"
+                onClick={handleSetFavoriteVersion}
+                sx={{ color: 'warning.main' }}
+              >
+                <Star />
+              </IconButton>
+            </Tooltip>
             <Tooltip title={showAllVersions ? 'Show language versions only' : 'Show all versions'}>
               <IconButton
                 size="small"