feat: implement MedicationsView with sortable table and prescribing history

- Create MedicationsView component with three category tabs (Active, Clinical, PRN)
- Implement sortable columns with visual sort indicators
- Add expandable rows showing prescribing history timeline
- Use proper semantic table markup with scope attributes
- Add fadeIn animation for expanded content
- Traffic light status dots with text labels for accessibility
- Alternating row colors and hover states (#EFF6FF)
- Respects prefers-reduced-motion preference

Task 8 of Clinical Record PMR implementation

src/components/PMRInterface.tsx

@@ -4,6 +4,7 @@ import { ClinicalSidebar } from './ClinicalSidebar'
 import { PatientBanner } from './PatientBanner'
 import { SummaryView } from './views/SummaryView'
 import { ConsultationsView } from './views/ConsultationsView'
+import { MedicationsView } from './views/MedicationsView'
 
 interface PMRInterfaceProps {
   children?: React.ReactNode
@@ -40,6 +41,8 @@ export function PMRInterface({ children }: PMRInterfaceProps) {
         return <SummaryView onNavigate={handleNavigate} />
       case 'consultations':
         return <ConsultationsView />
+      case 'medications':
+        return <MedicationsView />
       default:
         return (
           <div className="bg-white border border-gray-200 rounded p-6">