fix(Dialog): fix RTL issues

[lucivpav]

This PR fixes the way Dialog is rendered in RTL mode.

Dialog in LTR mode:

Dialog in RTL mode:

In IE11 RTL, the question mark is placed on the left side of the sentence. This is probably not a bug, as described here.

[codecov]

Codecov Report

Merging #1828 into master will increase coverage by <.01%.
The diff coverage is 50%.

@@            Coverage Diff             @@
##           master    #1828      +/-   ##
==========================================
+ Coverage   69.56%   69.56%   +<.01%     
==========================================
  Files         875      875              
  Lines        7596     7606      +10     
  Branches     2219     2227       +8     
==========================================
+ Hits         5284     5291       +7     
- Misses       2304     2307       +3     
  Partials        8        8

Impacted Files	Coverage Δ
...eact/src/themes/base/components/Flex/flexStyles.ts	5.26% <0%> (ø)	⬆️
.../src/themes/base/components/Dialog/dialogStyles.ts	0% <0%> (ø)	⬆️
packages/react/src/components/Dialog/Dialog.tsx	42.1% <100%> (+8.1%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cba28aa...7c8f58d. Read the comment docs.

[codecov]

Codecov Report

Merging #1828 into master will decrease coverage by <.01%.
The diff coverage is 66.66%.

@@            Coverage Diff             @@
##           master    #1828      +/-   ##
==========================================
- Coverage   69.49%   69.49%   -0.01%     
==========================================
  Files         875      875              
  Lines        7603     7605       +2     
  Branches     2243     2244       +1     
==========================================
+ Hits         5284     5285       +1     
- Misses       2311     2312       +1     
  Partials        8        8

Impacted Files	Coverage Δ
.../src/themes/base/components/Dialog/dialogStyles.ts	0% <0%> (ø)	⬆️
packages/react/src/components/Dialog/Dialog.tsx	35.29% <100%> (+1.29%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 57f1c1c...07425cc. Read the comment docs.

[codecov]

Codecov Report

Merging #1828 into master will decrease coverage by <.01%.
The diff coverage is 66.66%.

@@            Coverage Diff            @@
##           master   #1828      +/-   ##
=========================================
- Coverage   69.51%   69.5%   -0.01%     
=========================================
  Files         874     874              
  Lines        7603    7605       +2     
  Branches     2214    2242      +28     
=========================================
+ Hits         5285    5286       +1     
- Misses       2310    2311       +1     
  Partials        8       8

Impacted Files	Coverage Δ
.../src/themes/base/components/Dialog/dialogStyles.ts	0% <0%> (ø)	⬆️
packages/react/src/components/Dialog/Dialog.tsx	35.29% <100%> (+1.29%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f53719f...b13ec6d. Read the comment docs.

[layershifter]

Tested on long text, works same as on master:

---

Buttons are now looking properly:

vs.

[layershifter]

Let's also add an RTL example

docs/src/examples/components/Dialog/Rtl/DialogExample.rtl.tsx

import * as React from 'react'
import { Button, Dialog } from '@stardust-ui/react'

const DialogExampleRtl: React.FC = () => (
    <Dialog
      cancelButton="إلغاء"
      confirmButton="تؤكد"
      content="هذا عن مئات لكون أفاق. تم حتى شواطيء الصفحات, من ألمانيا الأرواح تلك. ان يطول بالعمل وانتهاءً ذات, والتي الفرنسية كل حول. بـ أخذ لغزو الشرقي اوروبا. كان بـ لعملة لهيمنة وبالرغم. عن الا الحكومة البشريةً."
      header="تأكيد العمل"
      trigger={<Button content="حوار مفتوح"/>}
    />
  )

export default DialogExampleRtl

docs/src/examples/components/Dialog/Rtl/DialogExample.rtl.tsx

import getScreenerSteps from '../commonScreenerSteps'

const config: ScreenerTestsConfig = {
  steps: getScreenerSteps(),
}

export default config

docs/src/examples/components/Dialog/index.tsx

import * as React from 'react'

import Content from './Content'
+import Rtl from './Rtl'
import Types from './Types'

const DialogExamples = () => (
  <>
    <Types />
    <Content />
+    <Rtl />
  </>
)

export default DialogExamples