Change in Direction

RTL and LTR refer to the direction of the text in a user interface. RTL (Right-to-Left) is used in languages that are written from right to left, such as Arabic and Hebrew, while LTR (Left-to-Right) is used in languages that are written from left to right, such as English and French.

Nextjs provides a way to support both RTL and LTR languages by using CSS styles. You can use CSS's direction property to set the text direction of an element to either RTL or LTR.

For Rtl activation you needs to uncomment rtl scss in src/assets/scss/themes.scss file.

//rtl SCSS 
// @import "rtl/structure/structure";
// @import "rtl/components/components";
// @import "rtl/plugins/plugins";
// @import "rtl/apps/apps";
// @import "rtl/pages/pages";

useEffect(() => {
                // Add code here to set the direction of the document based on your logic
    document.documentElement.setAttribute('dir', 'ltr');
}, []);