feat: add authentication settings (e-mail change, password change, 2f…

…a enable/disable)

package.json

@@ -41,6 +41,7 @@
     "@types/markdown-it-highlightjs": "^3.3.4",
     "@types/node": "^20",
     "@types/nprogress": "^0.2.3",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.4.19",
@@ -64,6 +65,7 @@
     "prettier-plugin-classnames": "^0.6.5",
     "prettier-plugin-merge": "^0.6.0",
     "prettier-plugin-tailwindcss": "^0.5.13",
+    "qrcode": "^1.5.3",
     "react": "^18",
     "react-dom": "^18",
     "server-only": "^0.0.1",
@@ -73,11 +75,11 @@
     "usehooks-ts": "^3.1.0"
   },
   "devDependencies": {
-    "semantic-release": "^23.0.8",
-    "@semantic-release/git": "^10.0.1",
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5"
+    "prettier": "^3.2.5",
+    "semantic-release": "^23.0.8"
   }
 }

src/app/(ui)/markdown/MarkdownTextArea.tsx

@@ -204,7 +204,7 @@ export const MarkdownTextArea = (
   return (
     <div className={classNames("relative", className)}>
       <div
-        className={`flex items-center justify-end gap-1.5 rounded-t border border-b-0
+        className={`flex flex-wrap items-center justify-end gap-1.5 rounded-t border border-b-0
           border-neutral-600 bg-neutral-800 p-0.5 px-4`}
       >
         <ToolbarButton