Improve error message in creating snippet process

[mohsenkhosroanjam]

Description:
As a user, I can create a snippet.

Actual result:
When the user leaves the title and description fields blank, a tooltip will be shown to the user stating that the title and description are required.

Expected result:
It is more eye-catching and consistent with the website's design to show the errors below the fields and make the fields red in case of an error.

Steps to reproduce:
1- Go to https://codecandy.suraniharsh.codes/
2- Click on "New Snippet"
3- Leave the "Title" and "Description" fields blank
4- Click on "Create Snippet" button

Screenshots:

[mohsenkhosroanjam]

@suraniharsh I have already improved it. Assign me this issue if you wish. I can send you a PR after.
I have changed it to the error below, and in case of an error, the page will be scrolled to the error field:

Screen.Recording.2025-01-30.at.5.37.54.PM.mov