fix: repo limit now reads from user tier, not hardcoded free constant

Bug: Add Repository button used MAX_FREE_REPOS (hardcoded to 1) for
ALL users. Enterprise users with 3 repos hit 3 >= 1 and got blocked.

Fix: RepoListView now takes maxRepos prop from useUserUsage hook.
DashboardHome derives maxRepos from usage?.repositories?.limit.
Free gets 1, Pro gets 5, Enterprise gets 10 -- from the backend.

Also fixed GitHubRepoSelector maxSelectable to use same dynamic limit.

Removed MAX_FREE_REPOS import from both DashboardHome and RepoListView.

Author: DevanshuNEU

frontend/src/components/dashboard/DashboardHome.tsx

@@ -7,7 +7,7 @@ import { AnimatePresence } from 'framer-motion'
 import { toast } from 'sonner'
 import { useAuth } from '../../contexts/AuthContext'
 import { useRepos, useUserUsage } from '../../hooks/useCachedQuery'
-import { API_URL, MAX_FREE_REPOS } from '../../config/api'
+import { API_URL } from '../../config/api'
 import { extractErrorMessage, isUpgradeError } from '../../lib/api-errors'
 import { RepoListView } from './RepoListView'
 import { RepoDetailView } from './RepoDetailView'
@@ -24,6 +24,7 @@ export function DashboardHome() {
   const [searchParams, setSearchParams] = useSearchParams()
   const { data: repos = [], isLoading: reposLoading, invalidate: refreshRepos } = useRepos(session?.access_token)
   const { data: usage } = useUserUsage(session?.access_token, session?.user?.id)
+  const maxRepos = usage?.repositories?.limit ?? 1
 
   const [selectedRepo, setSelectedRepo] = useState<string | null>(null)
   const [activeTab, setActiveTab] = useState<RepoTab>('overview')
@@ -223,6 +224,7 @@ export function DashboardHome() {
             loading={loading}
             reposLoading={reposLoading}
             selectedRepo={selectedRepo}
+            maxRepos={maxRepos}
             onSelectRepo={(id) => { setSelectedRepo(id); setActiveTab('overview') }}
             onAddClick={() => setShowAddForm(true)}
             onGitHubClick={() => setShowGitHubSelector(true)}
@@ -280,7 +282,7 @@ export function DashboardHome() {
         isOpen={showGitHubSelector}
         onClose={() => setShowGitHubSelector(false)}
         onImport={handleGitHubImport}
-        maxSelectable={MAX_FREE_REPOS}
+        maxSelectable={maxRepos}
         currentRepoCount={repos.length}
       />
 

frontend/src/components/dashboard/RepoListView.tsx

@@ -6,14 +6,14 @@ import { Plus, Github } from 'lucide-react'
 import { Button } from '../ui/button'
 import { RepoList } from '../RepoList'
 import { DashboardStats } from './DashboardStats'
-import { MAX_FREE_REPOS } from '../../config/api'
 import type { Repository } from '../../types'
 
 interface RepoListViewProps {
   repos: Repository[]
   loading: boolean
   reposLoading: boolean
   selectedRepo: string | null
+  maxRepos: number
   onSelectRepo: (id: string) => void
   onAddClick: () => void
   onGitHubClick: () => void
@@ -24,6 +24,7 @@ export function RepoListView({
   loading,
   reposLoading,
   selectedRepo,
+  maxRepos,
   onSelectRepo,
   onAddClick,
   onGitHubClick,
@@ -47,15 +48,15 @@ export function RepoListView({
           <Button
             onClick={onGitHubClick}
             variant="outline"
-            disabled={loading || repos.length >= MAX_FREE_REPOS}
+            disabled={loading || repos.length >= maxRepos}
             className="gap-2"
           >
             <Github className="w-4 h-4" />
             Import from GitHub
           </Button>
           <Button
             onClick={onAddClick}
-            disabled={loading || repos.length >= MAX_FREE_REPOS}
+            disabled={loading || repos.length >= maxRepos}
             className="bg-primary hover:bg-primary/90 text-primary-foreground gap-2"
           >
             <Plus className="w-4 h-4" />