[FIX] hr_org_chart: Position subordinate popover with rtl lang

With a Right to Left lang.
Go to an employee form view.
Click on the small pill with the number of subordinates (in the org chart).
The popover opens but on the right side of the window instead of next to the
pill.

Fixes #38722

closes odoo/odoo#38776

Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>

addons/hr_org_chart/static/src/js/hr_org_chart.js

@@ -106,7 +106,7 @@ var FieldOrgChart = AbstractField.extend({
                             '.o_employee_redirect', _.bind(self._onEmployeeRedirect, self));
                         return $title;
                     },
-                    container: 'body',
+                    container: this,
                     placement: 'left',
                     trigger: 'focus',
                     content: function () {

addons/hr_org_chart/static/src/scss/hr_org_chart.scss

@@ -256,6 +256,7 @@
 // POP OVER
 .o_org_chart_popup.popover {
     max-width: 400px;
+    margin-right: 5px;
 
     .popover-header {
         height: 47px;
@@ -280,3 +281,14 @@
         margin-bottom: 0;
     }
 }
+
+// Right to Left specific style to flip the popover arrow
+.o_rtl {
+    .o_org_chart_popup.popover .arrow {
+        left: 100%;
+        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
+        -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
+        -o-transform: matrix(-1, 0, 0, 1, 0, 0);
+        transform: matrix(-1, 0, 0, 1, 0, 0);
+    }
+}