Show deactivated account modal on POS login

[JustSamuel]

Description

A user with active=false can authenticate on the POS but can't buy anything once they're in. They get parked on the cashier screen with nothing telling them why nothing works.

This PR pops a modal right after auth if user.active === false. The modal says the account is deactivated and to contact the SudoSOS administrators. "I Understand" logs them out and sends them back to the keypad, so they don't enter the cashier flow at all.

What changed

• New DeactivatedAccountModalComponent.vue, modeled on TopUpWarningComponent (closable=false, dismissable-mask=false, close-on-escape=false, same "I Understand" button styling). One-way :show + @dismiss; you can only get out by clicking the button.
• useLoginForm.ts checks user.active after a successful login. If false, it sets showDeactivatedModal=true and skips the /cashier navigation. Adds dismissDeactivatedModal() which logs out and resets the keypad.
• LoginView.vue mounts the modal and wires the dismiss handler.

The login call still completes (so a JWT briefly exists), but the logout fires on dismiss before any navigation off /login.

Screenshot

Related issues/external references

Closes #813

Types of changes

• New feature (non-breaking change which adds functionality)

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Adds a “deactivated account” guard to the POS login flow so deactivated users immediately see an explanatory modal and are prevented from entering the cashier flow.

Changes:

• Add DeactivatedAccountModalComponent.vue to display a non-dismissible warning modal with an “I Understand” action.
• Update useLoginForm.ts to show the modal when user.active === false and add dismissDeactivatedModal() to log out and reset the keypad state.
• Mount and wire the modal into LoginView.vue.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 4 comments.

File	Description
apps/point-of-sale/src/views/LoginView.vue	Mounts the new modal and connects it to login state + dismiss handler.
apps/point-of-sale/src/composables/useLoginForm.ts	Introduces deactivated-user gating and a dismiss flow that logs out and resets the form.
apps/point-of-sale/src/components/DeactivatedAccountModalComponent.vue	Implements the deactivated account modal UI and emits dismiss / v-model updates.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.