fix(ui): polish mobile layouts, error pages, and volume backups

Keep error pages full-viewport, lift the unsaved bar above the
mobile keyboard, make status/heading layouts stack cleanly on small
screens, route service DB backups to volume-backups, and tighten
volume backup grid/forms. Cover with feature tests.

tests/Feature/VolumeBackupTest.php

@@ -826,6 +826,7 @@ it('enables and disables volume S3 backups from the S3 title action', function (
         'section' => 's3',
     ])
         ->assertSee('Enable S3')
+        ->assertDontSee('You do not have permission to perform this action.')
         ->call('toggleS3')
         ->assertSet('saveToS3', true)
         ->assertSee('Disable S3');
@@ -865,6 +866,22 @@ it('shows and saves volume S3 retention while S3 backups are disabled', function
         ->and($backup->retention_max_storage_s3)->toBe(4.5);
 });
 
+it('allows team owners to edit volume backup retention settings', function () {
+    $team = Team::factory()->create();
+    signInForVolumeBackups($this, $team);
+    [$application, $volume] = createVolumeBackupApplication($team);
+    $volume->scheduledBackups()->create([
+        'team_id' => $team->id,
+        'frequency' => 'daily',
+    ]);
+
+    Livewire::test(VolumeBackups::class, [
+        'storage' => $volume,
+        'resource' => $application,
+        'section' => 'retention',
+    ])->assertDontSee('You do not have permission to perform this action.');
+});
+
 it('only updates S3 fields when toggling volume S3 backups', function () {
     $team = Team::factory()->create();
     signInForVolumeBackups($this, $team);