Rename movie components to group (#5038)

ui/v2.5/src/components/Scenes/SceneDetails/SceneGroupPanel.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import * as GQL from "src/core/generated-graphql";
+import { GroupCard } from "src/components/Groups/GroupCard";
+
+interface ISceneGroupPanelProps {
+  scene: GQL.SceneDataFragment;
+}
+
+export const SceneGroupPanel: React.FC<ISceneGroupPanelProps> = (
+  props: ISceneGroupPanelProps
+) => {
+  const cards = props.scene.groups.map((sceneGroup) => (
+    <GroupCard
+      key={sceneGroup.group.id}
+      group={sceneGroup.group}
+      sceneIndex={sceneGroup.scene_index ?? undefined}
+    />
+  ));
+
+  return (
+    <>
+      <div className="row justify-content-center">{cards}</div>
+    </>
+  );
+};
+
+export default SceneGroupPanel;