Feat: Create Group in EditMonitor page

[chakflying]

⚠️⚠️⚠️ Since we do not accept all types of pull requests and do not want to waste your time. Please be sure that you have read pull request rules:
https://github.com/louislam/uptime-kuma/blob/master/CONTRIBUTING.md#can-i-create-a-pull-request-for-uptime-kuma

Tick the checkbox if you understand [x]:

• I have read and understand the pull request rules.

Description

Resolves #3376

Based on feedback from #2692 and #3376, further improve the UX of creating groups:

• Add simple dialog to create group when in the EditMonitor page.

The "Group Empty" initial beat is a bit annoying, but don't see an easy way to fix it.

Type of change

Please delete any options that are not relevant.

• User interface (UI)

Checklist

• My code follows the style guidelines of this project
• I ran ESLint and other linters for modified files
• I have performed a self-review of my own code and tested it
• I have commented my code, particularly in hard-to-understand areas
  (including JSDoc for methods)
• My changes generate no new warnings
• My code needed automated testing. I have added them (this is optional task)

Screenshots (if any)

[kokofixcomputers]

Yeah that should make it better. When i first upgraded to the version of uptime kuma that allows you to do some grouping i could not figure out how to create a group. This will be more understandable and more easy

[CommanderStorm]

@chakflying could you add Resolves #3376 to the description? ^^

[louislam]

Tested, no big issue.

However, the group is pending for the first check. Is it possible to resolve by starting the group later after the monitor has started?

[chakflying]

Good suggestion, I implemented it. Code is a bit ugly but works, also resolves the "Group Empty" issue.

[louislam]

It seems that the last change isn't working properly? It's a blank page for me.

[chakflying]

Oops I made a mistake on rebase, will fix later tonight.

[chakflying]

Should be fixed now.