update ProjectDialog with editable name and debounced save

[kayqueagape]

Done — updated ProjectDialog.tsx:

Editable field: The project name is now editable and includes autoFocus for better UX.

Input constraints: Added a 100-character limit (maxLength={60}) with truncation logic on onChange.

Visual Feedback: Added a character counter showing currentLength/60.

Saving Logic: Implemented debounced saving (800ms) and immediate save when pressing the Enter key.

Code Quality: * Refactored timeout cleanup into a dedicated clearSaveTimeout() function to reduce code duplication.

Improved readability by breaking down long lines of code.

Fixes: Visual bug regarding the title (Issue #824).

[X] Bug fix
[X] New Feature
[ ] Documentation update
[ ] Other

[Wendong-Fan]

thanks @kayqueagape for the contribution, I noticed for issue #824 we already has one pr to fix this: #825, would you be interested in help reviewing this?

[kayqueagape]

I will review;