What I found out is that Arabic punctuation looks perfectly in browsers as long as it's
in either the beginning or in the middle of right-to-left letters. But when placed at the end, browsers move it weirdly all the way to the right, as if they were left-to-right letters.
So a sweet workaround would be adding an invisible right-to-left letter at the end. That's this Unicode point: ‏, the so-called "Right to left marker", since most browsers of today don't read it anyways.
(Ironically, its original function was to actually provide full support for right-to-left punctuation, but browsers don't support it. In Unilang the admin created a script that forces browsers to use it well though.)
So as long as I add this point at the end, the punctuation looks great! Much like those times when people had to place those vowels in Hindi that are placed at the left of their consonant,
before the consonant, because fonts didn't support it.
िहन्दी instead of हिन्दी

Yeah, one day Right-to-left punctuation will finally be supported... Let's be patient....