[FEATURE] Character limit is not available in the Bio section

[ai-naymul]

Is this a unique feature?

• I have checked "open" AND "closed" issues and this is not a duplicate

Is your feature request related to a problem/unavailable functionality? Please describe.

I opened my account and when I went to write my bio, after writing something, I can't write, I think there is a character limit, but it does not show how many characters I can write.

Proposed Solution

Add something like this:

Screenshots

Do you want to work on this issue?

No

If "yes" to above, please explain how you would technically implement this

No response

[github-actions]

To reduce notifications, issues are locked until they are 🏁 status: ready for dev You can asked for this issue to be assigned (if not already assigned) and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[eddiejaoude]

Thank you for raising the issue 👍

[github-actions]

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[bojangabric]

Hey, this seems like a good issue to get familiar with the project, could I work on it?

[SaraJaoude]

Hey, this seems like a good issue to get familiar with the project, could I work on it?

@bojangabric thanks for your enthusiasm - I have assigned this to you. As you are new to the project, I would suggest reading our Contributing Guide to familiarise yourself with it's requirements and guidelines.

[a0m0rajab]

Just thought to help, here is the code for the bio text area:

BioDrop/pages/account/manage/profile.js

Lines 233 to 246 in 9716798

	<div className="col-span-3 sm:col-span-4">
	<Textarea
	name="bio"
	label="Bio"
	value={bio}
	onChange={(e) => setBio(e.target.value)}
	required
	minLength="2"
	maxLength="256"
	/>
	<p className="text-sm text-primary-medium-low dark:text-primary-low-high">
	You can use Markdown syntax.
	</p>
	</div>

A possible solution is to get the bio.length information and add it as span/div after the markdown related text