feat: add character limit validation and display for display name and description in profile editing and on the gallery sheet

lib/screens/create_gallery_page.dart

···
 }
 
 class _CreateGalleryPageState extends State<CreateGalleryPage> {
+  bool isValidGraphemeLength(String input, int maxLength) {
+    return input.characters.length <= maxLength;
+  }
+
   final _titleController = TextEditingController();
   final _descController = TextEditingController();
   final List<GalleryImage> _images = [];
···
       _descController.text = widget.gallery?.description ?? '';
     }
     _titleController.addListener(() {
+      setState(() {});
+    });
+    _descController.addListener(() {
       setState(() {});
     });
   }
···
   }
 
   Future<void> _submit() async {
+    final titleGraphemes = _titleController.text.characters.length;
+    final descGraphemes = _descController.text.characters.length;
+    if (titleGraphemes > 100 || descGraphemes > 1000) {
+      if (mounted) {
+        await showDialog(
+          context: context,
+          builder: (context) => AlertDialog(
+            title: const Text('Character Limit Exceeded'),
+            content: Text(
+              titleGraphemes > 100
+                  ? 'Title must be 100 characters or fewer.'
+                  : 'Description must be 1000 characters or fewer.',
+            ),
+            actions: [
+              TextButton(child: const Text('OK'), onPressed: () => Navigator.of(context).pop()),
+            ],
+          ),
+        );
+      }
+      return;
+    }
     if (widget.gallery == null && _images.length > 10) {
       if (mounted) {
         await showDialog(
···
           builder: (context) => AlertDialog(
             title: const Text('Photo Limit'),
             content: const Text(
-              'You can only add up to 10 photos on initial create but can add more later on.',
+              'You can only add up to 10 photos initially but you can add more later on.',
             ),
             actions: [
               TextButton(child: const Text('OK'), onPressed: () => Navigator.of(context).pop()),
···
                 controller: _titleController,
                 hintText: 'Enter a title',
               ),
+              Padding(
+                padding: const EdgeInsets.only(top: 4),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    const SizedBox(),
+                    Text(
+                      '${_titleController.text.characters.length}/100',
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: _titleController.text.characters.length > 100
+                            ? theme.colorScheme.error
+                            : theme.textTheme.bodySmall?.color,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
               const SizedBox(height: 16),
               PlainTextField(
                 label: 'Description',
                 controller: _descController,
                 maxLines: 6,
                 hintText: 'Enter a description',
+              ),
+              Padding(
+                padding: const EdgeInsets.only(top: 4),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    const SizedBox(),
+                    Text(
+                      '${_descController.text.characters.length}/1000',
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: _descController.text.characters.length > 1000
+                            ? theme.colorScheme.error
+                            : theme.textTheme.bodySmall?.color,
+                      ),
+                    ),
+                  ],
+                ),
               ),
               const SizedBox(height: 16),
               if (widget.gallery == null)

lib/widgets/edit_profile_sheet.dart

···
   late TextEditingController _descriptionController;
   XFile? _selectedAvatar;
   bool _saving = false;
-  bool _hasChanged = false;
+  static const int maxDisplayNameGraphemes = 64;
+  static const int maxDescriptionGraphemes = 256;
 
   @override
   void initState() {
     super.initState();
     _displayNameController = TextEditingController(text: widget.initialDisplayName ?? '');
     _descriptionController = TextEditingController(text: widget.initialDescription ?? '');
+    // No need to track changes
     _displayNameController.addListener(_onInputChanged);
     _descriptionController.addListener(_onInputChanged);
   }
 
   void _onInputChanged() {
-    final displayName = _displayNameController.text.trim();
-    final initialDisplayName = widget.initialDisplayName ?? '';
-    final displayNameChanged = displayName != initialDisplayName;
-    final descriptionChanged =
-        _descriptionController.text.trim() != (widget.initialDescription ?? '');
-    final avatarChanged = _selectedAvatar != null;
-    // Only allow Save if displayName is not empty and at least one field changed
-    final changed =
-        (displayNameChanged || descriptionChanged || avatarChanged) && displayName.isNotEmpty;
-    if (_hasChanged != changed) {
-      setState(() {
-        _hasChanged = changed;
-      });
-    }
+    setState(() {
+      // Trigger rebuild to update character counts
+    });
   }
 
   @override
   void dispose() {
-    _displayNameController.removeListener(_onInputChanged);
-    _descriptionController.removeListener(_onInputChanged);
     _displayNameController.dispose();
     _descriptionController.dispose();
     super.dispose();
···
     if (picked != null) {
       setState(() {
         _selectedAvatar = picked;
-        _onInputChanged();
       });
     }
   }
···
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
     final avatarRadius = 44.0;
+    final displayNameGraphemes = _displayNameController.text.characters.length;
+    final descriptionGraphemes = _descriptionController.text.characters.length;
     return CupertinoPageScaffold(
       backgroundColor: theme.colorScheme.surface,
       navigationBar: CupertinoNavigationBar(
···
         ),
         trailing: CupertinoButton(
           padding: EdgeInsets.zero,
-          onPressed: (!_hasChanged || _saving)
+          onPressed: _saving
               ? null
               : () async {
+                  if (displayNameGraphemes > maxDisplayNameGraphemes ||
+                      descriptionGraphemes > maxDescriptionGraphemes) {
+                    await showDialog(
+                      context: context,
+                      builder: (context) => AlertDialog(
+                        title: const Text('Character Limit Exceeded'),
+                        content: Text(
+                          displayNameGraphemes > maxDisplayNameGraphemes
+                              ? 'Display Name must be $maxDisplayNameGraphemes characters or fewer.'
+                              : 'Description must be $maxDescriptionGraphemes characters or fewer.',
+                        ),
+                        actions: [
+                          TextButton(
+                            child: const Text('OK'),
+                            onPressed: () => Navigator.of(context).pop(),
+                          ),
+                        ],
+                      ),
+                    );
+                    return;
+                  }
                   if (widget.onSave != null) {
                     setState(() {
                       _saving = true;
···
               Text(
                 'Save',
                 style: TextStyle(
-                  color: (!_hasChanged || _saving)
-                      ? theme.disabledColor
-                      : theme.colorScheme.primary,
+                  color: _saving ? theme.disabledColor : theme.colorScheme.primary,
                   fontWeight: FontWeight.w600,
                 ),
               ),
···
                         controller: _displayNameController,
                         maxLines: 1,
                       ),
+                      Padding(
+                        padding: const EdgeInsets.only(top: 4),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            const SizedBox(),
+                            Text(
+                              '$displayNameGraphemes/$maxDisplayNameGraphemes',
+                              style: theme.textTheme.bodySmall?.copyWith(
+                                color: displayNameGraphemes > maxDisplayNameGraphemes
+                                    ? theme.colorScheme.error
+                                    : theme.textTheme.bodySmall?.color,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
                       const SizedBox(height: 12),
                       PlainTextField(
                         label: 'Description',
                         controller: _descriptionController,
                         maxLines: 6,
+                      ),
+                      Padding(
+                        padding: const EdgeInsets.only(top: 4),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            const SizedBox(),
+                            Text(
+                              '$descriptionGraphemes/$maxDescriptionGraphemes',
+                              style: theme.textTheme.bodySmall?.copyWith(
+                                color: descriptionGraphemes > maxDescriptionGraphemes
+                                    ? theme.colorScheme.error
+                                    : theme.textTheme.bodySmall?.color,
+                              ),
+                            ),
+                          ],
+                        ),
                       ),
                     ],
                   ),