better support for rtl languages (#170)

* set text direction on language load and change to rtl if arabic is chosen

see https://www.w3schools.com/tags/att_global_dir.asp

* minor fixes to make rtl-mode look good:
- margins not only on the right, but on both sides
- fix bootstrap ToggleButtonGroup to always be ltr

* removed console.log statements

* fixed margin on the name in the user-avatar

* '$Icon CodiMD' on the intro page now always uses ftr text direction, since we don't translate the same of the software

* fixed import

* removed setHTMLDirection function

* added toplevel div with dir='auto'
some elements got dir='auto' if they contain potentially not translated or intended english text

* added text-align: start to the user-dropdown

* moved toplevel dir='auto'

* moved shortenLanguageCode to language-picker

* Changed mr-2 to mx-2 for profile buttons

Co-authored-by: Erik Michelson <github@erik.michelson.eu>

src/components/landing/layout/navigation/new-user-note-button.tsx

@@ -12,7 +12,7 @@ export const NewUserNoteButton: React.FC = () => {
         variant="primary"
         size="sm"
         className="d-inline-flex align-items-center">
-        <ForkAwesomeIcon icon="plus" className="mr-1"/>
+        <ForkAwesomeIcon icon="plus" className="mx-1"/>
         <span>
           <Trans i18nKey='landing.navigation.newNote'/>
         </span>