Settings: Fix click events when no sites exist

[epeicher]

Related issues

• Fixes STU-498
• Fixes Unable to click tabs in Settings modal when no site exists yet #1387

Proposed Changes

• Add app-no-drag-region class to the Modal so pointer events are listened.
• The div that was causing the pointer events to be ignored is this one

CleanShot.2025-05-14.at.12.46.23.mp4

Testing Instructions

• Apply this branch and run npm start
• Delete all sites
• Open the settings or press Cmd+,
• Check that you can click on the Preferences and Usage tabs

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[wojtekn]

@epeicher it fixes the issue, but now half of the Settings dialog is draggable and half is not. Should we make the entire dialog non-draggable, so only the blue part is draggable?

[nightnei]

Works well, but totally agree with @wojtekn about making the whole dialog non-graggable. Also I think that it's more neat to go this way, to handle whole dialog instead of just part of it.

[epeicher]

Thanks @wojtekn and @nightnei for the review. I didn't realise I was adding it to a piece of the modal, good catch! I have updated it as part of 0f8b5b7

[nightnei]

LGTM 👍

[katinthehatsite]

Works as expected for me 👍

[gcsecsey]

LGTM and it works well!