fix(realtime): force-WS option and polish connection popup UI

Add PUSHER_FORCE_WS so Echo/Pusher can prefer plain WebSocket
transports, redesign the real-time connection warning popup, and
give copy-button inputs durable right padding in settings forms.

tests/Feature/ResourceDetailsVisibilityTest.php

@@ -38,9 +38,19 @@ it('renders copy fields as visible readonly controls with an accessible copy act
     expect($html)
         ->toContain('label class="flex gap-1 items-center mb-1 text-sm font-medium text-black dark:text-white"')
         ->toContain('readonly')
-        ->toContain('class="input pr-11 bg-white dark:bg-coolgray-100 dark:read-only:bg-coolgray-100 dark:read-only:text-white"')
+        ->toContain('input-with-copy-button')
+        ->toContain('copy-button')
         ->toContain('aria-label="Copy to clipboard"')
         ->toContain('title="Copy to clipboard"')
-        ->toContain('rounded-sm p-1.5 text-neutral-500 transition-colors hover:text-neutral-700 focus-visible:ring-2 focus-visible:ring-coollabs focus-visible:ring-offset-2 dark:text-neutral-400 dark:hover:text-white dark:focus-visible:ring-warning dark:focus-visible:ring-offset-base')
-        ->toContain('class="w-5 h-5 text-green-500"');
+        ->toContain('class="size-[18px] text-green-500"');
+});
+
+it('keeps copy button padding above settings-workspace input overrides', function () {
+    $css = file_get_contents(resource_path('css/app.css'));
+
+    expect($css)
+        ->toContain('.input.input-with-copy-button')
+        ->toContain('.application-settings-workspace .input.input-with-copy-button')
+        ->toContain('.application-settings-form .input.input-with-copy-button')
+        ->toContain('padding-right: 2.5rem');
 });