Merge branch 'main' into livekit-experiment

public/locales/uk/app.json

@@ -136,5 +136,11 @@
   "Submitting…": "Надсилання…",
   "Submit": "Надіслати",
   "If you are experiencing issues or simply would like to provide some feedback, please send us a short description below.": "Якщо у вас виникли проблеми або ви просто хочете залишити відгук, надішліть нам короткий опис нижче.",
-  "Feedback": "Відгук"
+  "Feedback": "Відгук",
+  "<0>Thanks for your feedback!</0>": "<0>Дякуємо за ваш відгук!</0>",
+  "{{count}} stars|one": "{{count}} зірка",
+  "{{count}} stars|other": "{{count}} зірок",
+  "{{displayName}}, your call has ended.": "{{displayName}}, ваш виклик завершено.",
+  "<0>We'd love to hear your feedback so we can improve your experience.</0>": "<0>Ми будемо раді почути ваші відгуки, щоб поліпшити роботу застосунку.</0>",
+  "How did it go?": "Вам усе сподобалось?"
 }

src/video-grid/NewVideoGrid.tsx

@@ -260,7 +260,7 @@ export function NewVideoGrid<T>({
       enter: { opacity: 1, scale: 1, immediate: disableAnimations },
       update: ({ item, x, y, width, height }: Tile) =>
         item.id === dragState.current?.tileId
-          ? {}
+          ? null
           : {
               x,
               y,
@@ -284,10 +284,11 @@ export function NewVideoGrid<T>({
     const { tileId, tileX, tileY, cursorX, cursorY } = dragState.current!;
     const tile = tiles.find((t) => t.item.id === tileId)!;
 
-    springRef.start((_i, controller) => {
-      if ((controller.item as Tile).item.id === tileId) {
-        if (endOfGesture) {
-          return {
+    springRef.current
+      .find((c) => (c.item as Tile).item.id === tileId)
+      ?.start(
+        endOfGesture
+          ? {
               scale: 1,
               zIndex: 1,
               shadow: 1,
@@ -299,9 +300,8 @@ export function NewVideoGrid<T>({
               // Allow the tile's position to settle before pushing its
               // z-index back down
               delay: (key) => (key === "zIndex" ? 500 : 0),
-          };
-        } else {
-          return {
+            }
+          : {
               scale: 1.1,
               zIndex: 2,
               shadow: 15,
@@ -310,12 +310,8 @@ export function NewVideoGrid<T>({
               immediate:
                 disableAnimations ||
                 ((key) => key === "zIndex" || key === "x" || key === "y"),
-          };
             }
-      } else {
-        return {};
-      }
-    });
+      );
 
     const overTile = tiles.find(
       (t) =>