Task 12: Build ReferralsView with clinical referral form

- Created ReferralsView component with clinical referral form UI
- Pre-filled patient info (CHARLWOOD, Andrew; NHS Number)
- Priority toggle: Urgent/Routine/Two-Week Wait with tooltips
- Form fields: Referrer Name/Email/Org, Reason textarea
- Contact method radio: Email/Phone/LinkedIn
- Form validation for required fields
- Loading state with spinner on submit
- Success state with REF-YYYY-MMDD-NNN reference number
- Direct Contact table with clickable email/phone/LinkedIn links
- Responsive two-column layout for form fields
- Consistent clinical system styling with NHS blue accents

src/components/PMRInterface.tsx

@@ -8,6 +8,7 @@ import { MedicationsView } from './views/MedicationsView'
 import { ProblemsView } from './views/ProblemsView'
 import { InvestigationsView } from './views/InvestigationsView'
 import { DocumentsView } from './views/DocumentsView'
+import { ReferralsView } from './views/ReferralsView'
 
 interface PMRInterfaceProps {
   children?: React.ReactNode
@@ -52,6 +53,8 @@ export function PMRInterface({ children }: PMRInterfaceProps) {
         return <InvestigationsView />
       case 'documents':
         return <DocumentsView />
+      case 'referrals':
+        return <ReferralsView />
       default:
         return (
           <div className="bg-white border border-gray-200 rounded p-6">