Redesign the picture-in-picture window (#9800)

* Remove unnecessary PipContainer component

* Redesign the picture-in-picture window

* Add a hover effect to the controls

* Clarify that WidgetPip has call-specific behavior

src/hooks/useCall.ts

@@ -33,6 +33,11 @@ export const useCall = (roomId: string): Call | null => {
     return call;
 };
 
+export const useCallForWidget = (widgetId: string, roomId: string): Call | null => {
+    const call = useCall(roomId);
+    return call?.widget.id === widgetId ? call : null;
+};
+
 export const useConnectionState = (call: Call): ConnectionState =>
     useTypedEventEmitterState(
         call,