fix: the settings view of path configuration is not displayed completely (#1647)

Author: LucasXu0

frontend/app_flowy/lib/workspace/application/settings/settings_location_cubit.dart

@@ -12,10 +12,22 @@ const String kSettingsLocationDefaultLocation =
 
 class SettingsLocation {
   SettingsLocation({
-    this.path,
-  });
+    String? path,
+  }) : _path = path;
 
-  String? path;
+  String? _path;
+
+  set path(String? path) {
+    _path = path;
+  }
+
+  String? get path {
+    if (Platform.isMacOS) {
+      // remove the prefix `/Volumes/Macintosh HD/Users/`
+      return _path?.replaceFirst('/Volumes/Macintosh HD/Users', '');
+    }
+    return _path;
+  }
 
   SettingsLocation copyWith({String? path}) {
     return SettingsLocation(

frontend/app_flowy/lib/workspace/presentation/settings/widgets/settings_file_customize_location_view.dart

@@ -40,6 +40,7 @@ class SettingsFileLocationCustomzierState
           title: FlowyText.regular(
             LocaleKeys.settings_files_defaultLocation.tr(),
             fontSize: 15.0,
+            overflow: TextOverflow.ellipsis,
           ),
           subtitle: Tooltip(
             message: LocaleKeys.settings_files_doubleTapToCopy.tr(),
@@ -52,6 +53,7 @@ class SettingsFileLocationCustomzierState
               child: FlowyText.regular(
                 state.path ?? '',
                 fontSize: 10.0,
+                overflow: TextOverflow.ellipsis,
               ),
             ),
           ),