Mobile: Improve dialog styling on large and notched screens

[personalizedrefrigerator]

Summary

This pull request includes a subset of the changes from #10465. It:

1. Prevents dialogs from being covered by the device notch when in landscape mode.
2. Vertically centers the plugin panels dialog and plugin info dialogs on large screens.
3. Dims the background of plugin panels and info dialogs.

Screenshots

Small screen with notch

Show screenshots from before

Large screen

Show screenshots from before

Testing plan

1. Start with a device in landscape mode.
2. Open the note editor.
3. Add a link using the link dialog.
   • Verify that the link dialog does not overlap the notch (if present).
4. Add a tag using the tag dialog.
   • Verify that the tag dialog does not overlap the notch (if present).
5. Open the plugin panels dialog.
   • Verify that content outside the panels dialog is faded.
   • Verify that the dialog does not overlap the device notch (if present).
6. Close the plugin panels dialog.
7. Repeat steps 2-7 for the same device in portrait mode.

This has been tested on an iOS 17.4 simulator (with a notch) and an Android 14 device (no notch).