fix(call): clear recovery ref on early-return paths and add DailyVideo width

Address PR review feedback:
- Clear loggedUnavailableRef and show recovery banner when the device
  is already matched (early-return path), not just when we actively
  switch. Prevents stale ref from suppressing future fallback logging.
- Add explicit w-full h-auto to DailyVideo self-view to ensure proper
  sizing alongside object-contain.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: JamesPHoughton

client/src/call/FixAV.jsx

@@ -704,7 +704,7 @@ export function useFixAV(
             <DailyVideo
               sessionId={localSessionId}
               mirror
-              className="max-h-40 rounded-lg object-contain"
+              className="h-auto max-h-40 w-full rounded-lg object-contain"
             />
           </div>
         </div>

client/src/call/hooks/useDeviceAlignment.js

@@ -199,6 +199,18 @@ export function useDeviceAlignment(
       if (currentDeviceId === targetId) {
         // Clear any stale banner if the device is now matched
         if (clearBannersForDevice) clearBannersForDevice(deviceType);
+        // If we previously fell back, clear the ref and show recovery banner
+        if (loggedUnavailableRef.current === preferredId) {
+          // eslint-disable-next-line no-param-reassign
+          loggedUnavailableRef.current = null;
+          if (addDeviceBanner) {
+            const deviceName = targetDevice.device.label || preferredLabel || preferredId;
+            addDeviceBanner({
+              deviceType,
+              message: `"${deviceName}" reconnected — switched back`,
+            });
+          }
+        }
         return;
       }
 
@@ -340,6 +352,17 @@ export function useDeviceAlignment(
 
       if (devices?.currentSpeaker?.device?.deviceId === targetId) {
         if (clearBannersForDevice) clearBannersForDevice("speaker");
+        // If we previously fell back, clear the ref and show recovery banner
+        if (loggedUnavailableSpeakerRef.current === preferredSpeakerId) {
+          loggedUnavailableSpeakerRef.current = null;
+          if (addDeviceBanner) {
+            const deviceName = targetSpeaker.device.label || preferredSpeakerLabel || preferredSpeakerId;
+            addDeviceBanner({
+              deviceType: "speaker",
+              message: `"${deviceName}" reconnected — switched back`,
+            });
+          }
+        }
         return;
       }