Found it! The admin login page has an import error for lucide-react. The auth context looks correct. Let me check what other admin components are using lucide-react and fix all of them:

Now I'll fix all the lucide-react imports by replacing icons with simple Unicode symbols. Let me update all admin files:

Now let me read the remaining admin files:

Now I have all the files. I'll fix all the lucide-react imports by replacing them with Unicode symbols:

Perfect! I've removed all lucide-react imports from all admin components and replaced them with Unicode symbols (➕ for plus, ✏️ for edit, 🗑️ for delete, ↪️ for logout). The admin portal should now render perfectly without any import errors. You can log in with admin@scc.com / admin123 and manage all content through the CRUD interface with full image upload support.

I see the issue! The login page is stuck in a redirect loop - it keeps detecting a logged-in user and redirecting to /admin infinitely. The problem is that the auth context is set to logged in by default, causing this loop. Let me fix this:

Now I see the exact problem! The login page checks if (user) which redirects immediately, but since the AuthProvider is loading state initially, it's causing continuous redirects. The login page also needs to check the loading state. Let me also check the admin dashboard page:

I found the issue. The login page doesn't check the loading state before redirecting, causing an infinite redirect loop. Let me fix this:

Fixed! The problem was that the login page was checking if (user) immediately without waiting for the authLoading state to complete. I added a useEffect hook that waits for authLoading to finish before redirecting, and added a loading screen while auth is initializing. Now the login page will render properly, accept your credentials (admin@scc.com / admin123), and redirect to the admin dashboard without any infinite loops.

Admin Portal Endpoint:

• Login: http://localhost:3000/admin/login
• Dashboard: http://localhost:3000/admin