[FEATURE]: AI Summary Tab: Implement "AI Summary" Tab with Indeterminate Progress Indicator

Feature Description

Develop the "AI Summary" tab in the left panel of the Smart Classroom GUI. This tab will display the status of transcript processing, including an indeterminate progress indicator and notifications. It should also provide functionality to stop processing at any time.

Solution Description

Implementation Strategy

Component Structure: Develop the AISummaryTab component to encapsulate UI and logic for displaying AI processing status. Use React state management to handle real-time progress updates and user interactions.

Real-Time Processing Display: Implement an indeterminate progress indicator to convey ongoing AI processing. Display notifications for transcript uploading, analysis, and summarization.

User Interaction and Control: Integrate a "Stop Processing" button to allow users to safely halt AI processing. Disable "Start Recording" and "Upload File" buttons while AI processing is active, providing visual feedback for user actions.

Acceptance Criteria:

  1. "AI Summary" tab displays correctly and updates with processing status.
  2. Indeterminate progress indicator is shown during processing.
  3. Notifications provide clear status updates to users.
  4. "Stop Processing" functionality is implemented and works safely.