fix(RTL): added right-to-left page demo (#9694)

packages/react-core/src/demos/RTL/RTL.md

@@ -0,0 +1,31 @@
+---
+id: Right-to-left
+section: patterns
+---
+
+import translationsEn from "./examples/translations.en.json";
+import translationsHe from "./examples/translations.he.json";
+import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon';
+import ToolsIcon from '@patternfly/react-icons/dist/esm/icons/tools-icon';
+import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
+import WalkingIcon from '@patternfly/react-icons/dist/esm/icons/walking-icon';
+import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.svg';
+import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
+import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import HandPaperIcon from '@patternfly/react-icons/dist/esm/icons/hand-paper-icon';
+import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
+
+import './examples/PaginatedTable.css';
+
+## Demos
+
+This demonstrates how the UI adapts to the writing mode of the page.
+
+### Paginated table
+
+```js file="./examples/PaginatedTable.jsx" isFullscreen
+
+```

packages/react-core/src/demos/RTL/examples/PaginatedTable.css

@@ -0,0 +1,7 @@
+.brand-language {
+  font-weight: var(--pf-v5-global--FontWeight--bold);
+  font-family: var(--pf-v5-global--FontFamily--heading);
+  font-size: var(--pf-v5-global--FontSize--xl);
+  align-self: center;
+  margin-inline-start: var(--pf-v5-global--spacer--md);
+}