Added DB connection and started creating api calls for the pages

frontend/src/pages/RequirementsPage.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react'
 import { useAuth } from '@/hooks'
-import { useSearchParams, Link } from 'react-router-dom'
+import { useSearchParams, Link, useNavigate } from 'react-router-dom'
 
 // Types for requirements
 interface Requirement {
@@ -111,6 +111,7 @@ const captionItems = [
 export default function RequirementsPage() {
   const { user, logout } = useAuth()
   const [searchParams, setSearchParams] = useSearchParams()
+  const navigate = useNavigate()
   
   // State
   const [searchQuery, setSearchQuery] = useState('')
@@ -174,8 +175,7 @@ export default function RequirementsPage() {
   }
 
   const handleDetails = (id: string) => {
-    // For now, just a placeholder - will connect to backend later
-    console.log('View details:', id)
+    navigate(`/requirements/${id}`)
   }
 
   return (