…2941)

### Why is this Change Important & Necessary?

In this PR we set up the necessary infrastructure required for Vue
migration.
- Use props and emits in the Vue component.
- The Vue component should not deal with external DOM directly
- Just emit from the Vue component and our infrastructure will handle
this in Component mounting in twig.
- It uses an Events mapping in Twig file :
```
'events': {
    'color-change': '(event) => { document.body.style.background = event; }',
    'position-change': '(event) => { handlePositionChange(event.panelId, event.panelPosition); }',
}

```
**PLUS** 

In the ongoing migration of Submitty's UI from legacy Twig + jQuery to
Vue.js, in this PR we migrate the `StatusBanner` to vue.


### What is the New Behavior?
ErrorMessage.twig is replaced by StatusBanner.vue, a pure display
component that receives message and color as props
and emits color-change on mount so the parent can set the body
background color. The component renders a colored banner
in the TA grading panel header showing submission status (late, no
submission, withdrawn, overridden, etc.). No
  behavioral change, the banner looks and works identically.


https://github.com/user-attachments/assets/3c04f46a-32c4-4431-b744-cfe2e65200ec


### What steps should a reviewer take to reproduce or test the bug or
new feature?
1. Navigate to a TA grading page where the student has a submission
status condition (late, no submission, withdrawn,
  overridden grades, etc.)
2. Verify the colored banner appears in the grading panel header with
the correct message and background color
### Automated Testing & Documentation
- Added Cypress Component Testing.
<img width="490" height="397" alt="image"
src="https://github.com/user-attachments/assets/1d65c18d-6279-4a4c-8617-afb8a82cf8dc"
/>


### Other information

- Not a Breaking change
- No Migrations needed.

---------

Co-authored-by: Justin Manion <[email protected]>

* main: (78 commits)
  [Bugfix:TAGrading] Auto-open single file (#12625)
  [Feature:InstructorUI] Add sortable columns to manage students (#12957)
  [Dependency] Bump php-ds/php-ds from 1.7.0 to 2.0.1 in /site (#12827)
  [Refactor:TAGrading] Events Infrastructure & StatusBanner (#12941)
  [Dependency] Bump sqlalchemy from 2.0.48 to 2.0.51 in /.setup/pip (#12884)
  [Bugfix:Developer] trust hashicorp for vagrant install (#12968)
  [Feature:TAGrading] Backend for submission clustering (#12886)
  [Bugfix:InstructorUI] Missing Subsection in the Edit User form (#12955)
  [Bugfix:Submission] Warning Banners Accessibility Fix (#12956)
  [Bugfix:System] Preserve signup fields (#12939)
  [Bugfix:InstructorUI] Fix Csv Download of Subsections (#12954)
  [Bugfix:InstructorUI] Fix Manage Students Toggle Columns (#12953)
  [Feature:TAGrading] Persistent Auto-Open (#12931)
  [Bugfix:Submission] Dot File Upload (#12924)
  [Refactor:System] Declutter workers (#12815)
  [Bugfix:Developer] save/restore autograding_containers.json (#12952)
  [Bugfix:InstructorUI] Create Course Validation (#12949)
  [Testing:Notifications] Fix grade_inquiries.spec.js (#12950)
  [UI/UX:System] Add fullscreen button vue component (#12936)
  [Bugfix:TAGrading] Student Name Resize (#12946)
  ...

# Conflicts:
#	.pylintrc