hi there, I never used nextjs to my defense only react, so i'm abit lost.

I want to change the body dir to rtl (I'm using Nextra docs generator) where can I do that? I tried this

// next.config.js
const withNextra = require('nextra')({
});

module.exports = withNextra({
  i18n: {
    locales: ['he-IL'],
    defaultLocale: 'he-IL',
    direction: 'rtl'
  },
});

and

// theme.config.tsx
import React from 'react'
import { DocsThemeConfig } from 'nextra-theme-docs'

const config: DocsThemeConfig = {
  logo: <span>OutLawZ </span>,
  project: {
    link: 'https://github.com/shuding/nextra-docs-template',
  },
  chat: {
    link: 'https://discord.gg/outlawzpvp',
  },
  docsRepositoryBase: 'https://github.com/shuding/nextra-docs-template',
  footer: {
    text: 'Nextra Docs Template',
  },
  i18n: [
    { locale: 'he-IL', text: 'עברית', direction: 'rtl' }, // Hebrew RTL
  ],
}

export default config

But no luck, what am I doing wrong?