Allow HTML, add language picker

Utilizes code from Mastodon LanguageDropdown: https://github.com/mastodon/mastodon/blob/main/app/javascript/mastodon/features/compose/components/language_dropdown.jsx

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

src/components/ui/button/button.tsx

@@ -10,7 +10,7 @@ import type { ButtonSizes, ButtonThemes } from './useButtonStyles';
 
 interface IButton extends Pick<
   React.ComponentProps<'button'>,
-  'children' | 'className' | 'disabled' | 'onClick' | 'onMouseDown' | 'onKeyDown' | 'title' | 'type'
+  'children' | 'className' | 'disabled' | 'onClick' | 'onMouseDown' | 'onKeyDown' | 'onKeyPress' | 'title' | 'type'
 > {
   /** Whether this button expands the width of its container. */
   block?: boolean;

src/components/ui/hstack/hstack.tsx

@@ -18,17 +18,17 @@ const alignItemsOptions = {
 };
 
 const spaces = {
-  0: 'gap-x-0',
-  [0.5]: 'gap-x-0.5',
-  1: 'gap-x-1',
-  1.5: 'gap-x-1.5',
-  2: 'gap-x-2',
-  2.5: 'gap-x-2.5',
-  3: 'gap-x-3',
-  4: 'gap-x-4',
-  5: 'gap-x-5',
-  6: 'gap-x-6',
-  8: 'gap-x-8',
+  0: 'gap-0',
+  [0.5]: 'gap-0.5',
+  1: 'gap-1',
+  1.5: 'gap-1.5',
+  2: 'gap-2',
+  2.5: 'gap-2.5',
+  3: 'gap-3',
+  4: 'gap-4',
+  5: 'gap-5',
+  6: 'gap-6',
+  8: 'gap-8',
 };
 
 interface IHStack extends Pick<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'onClick' | 'style' | 'title'> {