Add PiP border in 1on1 layouts

Fixes: #4008

src/room/InCallView.tsx

@@ -74,6 +74,7 @@ import {
   useAppBarSubtitle,
 } from "../AppBar.tsx";
 import { useBehavior } from "../useBehavior.ts";
+import { constant } from "../state/Behavior.ts";
 import { Toast } from "../Toast.tsx";
 import overlayStyles from "../Overlay.module.css";
 import { useTrackProcessorObservable$ } from "../livekit/TrackProcessorContext.tsx";
@@ -94,6 +95,7 @@ declare module "react" {
 }
 
 const logger = rootLogger.getChild("[InCallView]");
+const noOutline$ = constant(false);
 
 export interface ActiveCallProps extends Omit<
   InCallViewProps,
@@ -433,6 +435,9 @@ export const InCallView: FC<InCallViewProps> = ({
         const showSpeakingIndicators = useBehavior(vm.showSpeakingIndicators$);
         const showNameTags = useBehavior(vm.showNameTags$);
         const showRingingStatus = vm.ringingStatusLocation === "tile";
+        const showOutline = useBehavior(
+          model instanceof GridTileViewModel ? model.showOutline$ : noOutline$,
+        );
 
         return model instanceof GridTileViewModel ? (
           <GridTile
@@ -446,6 +451,7 @@ export const InCallView: FC<InCallViewProps> = ({
             showSpeakingIndicators={showSpeakingIndicators}
             showNameTags={showNameTags}
             showRingingStatus={showRingingStatus}
+            showOutline={showOutline}
             focusable={!contentObscured}
           />
         ) : (