refactor: migrate all input fields to StyledInput (#5306)

* feat: StyledInput component

* migrate: auth pages to styledInput

* migrate: search/filter inputs

* migrate: dashboard inputs

* migrate: app frontend

* migrate: search related inputs

* migrate: all of app-frontend

* fix: missing inputs on app-frontend

* migrate: frontend

* feat: multiline

* migrate: textareas

* fix: storybook use text-primary

* fix: lint

* fix: merge conflict

* feat: cleanup

apps/frontend/src/pages/admin/user_email.vue

@@ -10,11 +10,11 @@
 							<span class="text-brand-red">*</span>
 						</span>
 					</label>
-					<input
+					<StyledInput
 						id="name"
 						v-model="userEmail"
 						type="email"
-						maxlength="64"
+						:maxlength="64"
 						:placeholder="`Enter user email...`"
 						autocomplete="off"
 					/>
@@ -33,7 +33,7 @@
 </template>
 <script setup lang="ts">
 import { MailIcon } from '@modrinth/assets'
-import { ButtonStyled, injectNotificationManager } from '@modrinth/ui'
+import { ButtonStyled, injectNotificationManager, StyledInput } from '@modrinth/ui'
 
 const { addNotification } = injectNotificationManager()