chore: optimize the logout button

frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_user_view.dart

@@ -109,20 +109,24 @@ class SettingsUserView extends StatelessWidget {
   }
 
   Widget _renderLogoutButton(BuildContext context) {
-    return FlowyButton(
-      useIntrinsicWidth: true,
-      text: FlowyText(
-        LocaleKeys.settings_menu_logout.tr(),
+    return Tooltip(
+      message: LocaleKeys.settings_user_clickToLogout.tr(),
+      child: FlowyButton(
+        margin: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 2.0),
+        text: FlowyText.medium(
+          LocaleKeys.settings_menu_logout.tr(),
+          fontSize: 13,
+        ),
+        onTap: () async {
+          NavigatorAlertDialog(
+            title: LocaleKeys.settings_menu_logoutPrompt.tr(),
+            confirm: () async {
+              await getIt<AuthService>().signOut();
+              didLogout();
+            },
+          ).show(context);
+        },
       ),
-      onTap: () async {
-        NavigatorAlertDialog(
-          title: LocaleKeys.settings_menu_logoutPrompt.tr(),
-          confirm: () async {
-            await getIt<AuthService>().signOut();
-            didLogout();
-          },
-        ).show(context);
-      },
     );
   }
 

frontend/resources/translations/en.json

@@ -296,7 +296,8 @@
       "name": "Name",
       "icon": "Icon",
       "selectAnIcon": "Select an icon",
-      "pleaseInputYourOpenAIKey": "please input your OpenAI key"
+      "pleaseInputYourOpenAIKey": "please input your OpenAI key",
+      "clickToLogout": "Click to logout the current user"
     },
     "shortcuts": {
       "shortcutsLabel": "Shortcuts",