refactor: StyledInput refactor -> Input components (#6733)

* feat: align style

* feat: new input components

* refactor: migrate to new input components

* refactor: rename component

* prepr

* chore: group inputs like buttons

* fix: lint

* feat: docs

* fix: lint

* fix: bugs

* prepr

* fix slug + adjust create server project

---------

Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

packages/moderation/src/types/node/factories.ts

@@ -1,4 +1,4 @@
-import { Checkbox, Combobox, MarkdownEditor, StyledInput, Toggle } from '@modrinth/ui'
+import { Checkbox, Combobox, Input, MarkdownEditor, Toggle } from '@modrinth/ui'
 import { markRaw } from 'vue'
 
 import { withAutoProps, withChildren } from './builder'
@@ -280,7 +280,7 @@ export function text(id: string) {
 			withTweak,
 			(n) =>
 				withComponent(n, {
-					component: markRaw(StyledInput),
+					component: markRaw(Input),
 					componentProps: () => ({ class: 'min-w-40 flex-1', autocomplete: 'off' }),
 				}),
 			withExtraProps,