[BUG]: UI Overflow and Outdated Prescription Handling in Transcription Screen

[Shweta-281]

Bug Description

Issue Description

The Transcription Screen has the following issues:

1. UI Overflow (RenderFlex Error)

   • A horizontal overflow occurs in the status indicator row.
   • This happens when long status text exceeds screen width.

2. Outdated Prescription Usage

   • The UI still relies on controller.prescription, which is no longer available after migrating to structured AI responses.
   • This causes compilation errors.

3. Inconsistent UX with New AI Structure

   • The app now supports structured insights (symptoms, medicines), but the UI still shows a "Prescription" button.
   • This leads to mismatch between backend logic and UI.

---

Expected Behavior

• Status text should not overflow on small screens.
• UI should use structured data (symptoms, medicines) instead of deprecated fields.
• Navigation should reflect updated AI outputs via a dedicated screen.

---

Suggested Fix

• Wrap status Text widget with Expanded and apply TextOverflow.ellipsis
• Replace controller.prescription with structured getters
• Introduce a new MedicalInsightsScreen for better UX

Steps to Reproduce

No response

Logs and Screenshots

No response

Environment Details

No response

Impact

Critical - Application is unusable

Code of Conduct

• I have joined the Discord server and will post updates there
• I have searched existing issues to avoid duplicates

[github-actions]

This issue has been automatically marked as stale due to inactivity. It will be closed if no further activity occurs within 7 days.