Fix rtl for tooltip-illustrations, replace 'done' with next icon

css/80_app.css

@@ -3673,6 +3673,10 @@ img.tile-removing {
     margin-left: -20px;
     margin-top: -10px;
 }
+[dir='rtl'] .tooltip-illustration {
+    margin-left: auto;
+    margin-right: -20px;
+}
 
 .huge-modal-button {
     width: 100%;

modules/ui/intro/intro.js

@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { t } from '../../util/locale';
+import { t, textDirection } from '../../util/locale';
 import { localNames } from './helper';
 
 import { coreGraph } from '../../core/graph';
@@ -128,7 +128,7 @@ export function uiIntro(context) {
         entered
             .append('span')
             .attr('class', 'status')
-            .text(' - ' + t('intro.done'));
+            .call(svgIcon((textDirection === 'rtl' ? '#icon-backward' : '#icon-forward'), 'inline'));
 
         enter(chapters[0]);