Refine guest upload camera UI

resources/js/guest/components/BottomNav.tsx

@@ -127,14 +127,18 @@ export default function BottomNav() {
         <Link
           to={`${base}/upload`}
           aria-label={labels.upload}
-          className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition ${
-            isUploadActive ? 'scale-105' : 'hover:scale-105'
+          className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition-all duration-300 ${
+            isUploadActive
+              ? 'translate-y-6 scale-75 opacity-0 pointer-events-none'
+              : 'hover:scale-105'
           }`}
           style={{
             background: `radial-gradient(circle at 20% 20%, ${branding.secondaryColor}, ${branding.primaryColor})`,
             boxShadow: `0 20px 35px ${branding.primaryColor}44`,
             borderRadius: radius,
           }}
+          tabIndex={isUploadActive ? -1 : 0}
+          aria-hidden={isUploadActive}
         >
           <Camera className="h-6 w-6" aria-hidden />
         </Link>