fix: add input validation for new filter preset modal (@amandevelops)

[AmanDevelops]

Description

Added input validation for New filter preset modal in frontend and display appropriate indicators in realtime

Updated UI

Checks

• Adding quotes?
  • Make sure to include translations for the quotes in the description (or another comment) so we can verify their content.
• Adding a language?
  • Make sure to follow the languages documentation
  • Add language to packages/schemas/src/languages.ts
  • Add language to exactly one group in frontend/src/ts/constants/languages.ts
  • Add language json file to frontend/static/languages
• Adding a theme?
  • Make sure to follow the themes documentation
  • Add theme to packages/schemas/src/themes.ts
  • Add theme to frontend/src/ts/constants/themes.ts
  • Add theme css file to frontend/static/themes
  • Add some screenshot of the theme, especially with different test settings (colorful, flip colors) to your pull request
• Adding a layout?
  • Make sure to follow the layouts documentation
  • Add layout to packages/schemas/src/layouts.ts
  • Add layout json file to frontend/static/layouts
• Adding a font?
  • Make sure to follow the themes documentation
  • Add font file to frontend/static/webfonts
  • Add font to packages/schemas/src/fonts.ts
  • Add font to frontend/src/ts/constants/fonts.ts
• Check if any open issues are related to this PR; if so, be sure to tag them below.
• Make sure the PR title follows the Conventional Commits standard. (https://www.conventionalcommits.org for more info)
• Make sure to include your GitHub username prefixed with @ inside parentheses at the end of the PR title.

Closes #7063

[fehmer]

hi @AmanDevelops , thank you for your contribution.

I think we should use this opportunity to convert the newFilterPresetModal into a SimpleModal which has build in schema validation.

Example:
https://github.com/monkeytypegame/monkeytype/blob/master/frontend/src/ts/pages/friends.ts#L68-L121

[AmanDevelops]

updated to use SimpleModal as requested. let me know if any further changes are required.

notifications are working as required

[fehmer]

Some leftovers to be deleted:

• monkeytype/frontend/src/html/popups.html

  Lines 1279 to 1285 in 2f5cb16

  	<dialog id="newFilterPresetModal" class="modalWrapper hidden">
  	<form class="modal">
  	<div class="title">New filter preset</div>
  	<input type="text" value="" />
  	<button>add</button>
  	</form>
  	</dialog>

• monkeytype/frontend/src/styles/popups.scss

  Lines 1657 to 1661 in 2f5cb16

  	#newFilterPresetModal {
  	.modal {
  	max-width: 450px;
  	}
  	}

[AmanDevelops]

Removed the leftover modal code and styles