fixed overflowing account name and dropdowns in settings

lib/view/pages/settings/sections/account_section.dart

@@ -136,14 +136,17 @@ class _AccountSectionState extends State<AccountSection> {
                   crossAxisAlignment: CrossAxisAlignment.start,
                   mainAxisSize: MainAxisSize.min,
                   children: [
-                    Text(
+                    FittedBox(
+                      fit: BoxFit.scaleDown,
+                      alignment: AlignmentDirectional.centerStart,
+                      child: Text(
                         displayName ?? username,
                         style: const TextStyle(
                           fontSize: 20,
                           fontWeight: FontWeight.w600,
                         ),
-                      maxLines: 2,
+                        maxLines: 1,
-                      overflow: TextOverflow.ellipsis,
+                      ),
                     ),
                     if (displayName != null) ...[
                       const SizedBox(height: 2),

lib/view/pages/settings/widgets/settings_dropdown_tile.dart

@@ -32,18 +32,21 @@ class SettingsDropdownTile<T> extends StatelessWidget {
       trailing: DropdownButton<T>(
         value: value,
         icon: const Icon(Icons.arrow_drop_down),
+        alignment: AlignmentDirectional.centerEnd,
+        selectedItemBuilder: (context) => options
+            .map(
+              (e) => Align(
+                alignment: AlignmentDirectional.centerEnd,
+                child: _optionRow(e),
+              ),
+            )
+            .toList(),
         items: options
             .map(
               (e) => DropdownMenuItem<T>(
                 value: e,
                 enabled: e != value,
-                child: Row(
+                child: _optionRow(e),
-                  children: [
-                    Icon(optionIcon(e)),
-                    const SizedBox(width: 10),
-                    Text(optionLabel(e)),
-                  ],
-                ),
               ),
             )
             .toList(),
@@ -53,4 +56,19 @@ class SettingsDropdownTile<T> extends StatelessWidget {
       ),
     );
   }
+
+  Widget _optionRow(T e) => Row(
+    mainAxisSize: MainAxisSize.min,
+    children: [
+      Icon(optionIcon(e)),
+      const SizedBox(width: 10),
+      Flexible(
+        child: Text(
+          optionLabel(e),
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        ),
+      ),
+    ],
+  );
 }