Improve mobile UX on public pages and the live room header.

Cap customer-facing logos at 50vw on phones, tighten leave-feedback layout, and show icon-only share plus a blinking record dot on mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/components/meet-kiosk-layout.blade.php

@@ -31,11 +31,11 @@
         <div class="fixed left-0 top-0 z-20 p-6">
             <img src="{{ asset(\App\Support\OrganizationBranding::DEFAULT_LOGO) }}?v={{ @filemtime(public_path(\App\Support\OrganizationBranding::DEFAULT_LOGO)) ?: '1' }}"
                  alt="Ladill Meet"
-                 class="h-8 w-auto max-w-[220px] object-contain object-left">
+                 class="public-brand-logo h-8 w-auto max-w-[220px] object-contain object-left">
         </div>
     @endif
 
-    <div class="relative mx-auto flex min-h-screen max-w-3xl flex-col pt-20 px-6 pb-12">
+    <div class="relative mx-auto flex min-h-screen max-w-3xl flex-col px-4 pb-10 pt-16 sm:px-6 sm:pb-12 sm:pt-20">
         @if ($eyebrow)
             <p class="text-center text-sm font-semibold uppercase tracking-wider text-indigo-600">{{ $eyebrow }}</p>
         @endif