Adding a fix to automatically detect and apply the needed direction to text

[st1020]

Thank you for your contribution, but I don’t understand the problem that this PR needs to solve. Can you provide examples of changes before and after modification? BTW, you should not modify the main.css file directly, it is an automatically generated file, you should modify the app.css file instead.

[nimafanniasl]

Hey! Thanks. Look at these two pictures: And the markdown file for that picture:

As you can see, the Persian text is not RTL and it's not correct. Also, if we set everything to RTL, the English text is gonna be messed up:

But with this fix, it looks like this:

Also, unfortunately, I wasn't able to modify the app.css file to get the same results, but the CSS needed is just those 2 lines applying to everything :)

  text-align: start;
  unicode-bidi: plaintext;

[st1020]

Ok, I get it. After modify app.css, you should run pnpm run build to rebuild main.css.

I fixed this problem in https://github.com/st1020/kita/commit/466255df5879f47072f542d810f0e29174cdd421 and tried to do some testing, but I'm not familiar with RTL languages, so please check if it solves your problem.

[nimafanniasl]

Hi! I tested the changes and everything is working :)

Thank you.