Fixes #2653, No Validation for sketch file rename

[gauravsingh94]

Fixes #2653

Changes:
Fixed validation for sketch file rename now it take only 100 characters as input.

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[lindapaiste]

Thanks for working on this. We would want 128 characters instead of 100 because that is what we use in other places.

I’ve discussed some other considerations in a comment on the issue: #2653 (comment)

[gauravsingh94]

Output

Screencast.from.2023-12-01.14-30-41.webm

[gauravsingh94]

@lindapaiste I've incorporated the modifications you recommended and introduced some additional CSS to maintain the integrity of the website design.
Could you please share your feedback on these changes?

[raclim]

Thanks for your work on this! I personally found adding in the maxLength and the overflow-wrap to be visually okay for now and updated this PR with these changes. However, if it seems like it might need a few more changes I think that can be added later on as well.