feat: create modal limit alerting (#4429)

* draft: layout for alert

* feat: simplify

* feat: remove dummy data

* fix: lint and widths

* feat: use chips rather than dropdown select

* feat: remove gap from admonition header v body

* Revert "feat: remove gap from admonition header v body"

This reverts commit 46cce52799bc3ac24825a73ca4add18e0acad3c1.

* fix: niche fixes

* feat: update for new backend structure

* fix: i18n

apps/frontend/src/pages/dashboard/collections.vue

@@ -108,7 +108,7 @@ import {
 } from '@modrinth/assets'
 import { Avatar, Button, commonMessages } from '@modrinth/ui'
 
-import CollectionCreateModal from '~/components/ui/CollectionCreateModal.vue'
+import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 
 const { formatMessage } = useVIntl()
 const formatCompactNumber = useCompactNumber()

apps/frontend/src/pages/dashboard/organizations.vue

@@ -52,7 +52,7 @@
 import { PlusIcon, UsersIcon } from '@modrinth/assets'
 import { Avatar } from '@modrinth/ui'
 
-import OrganizationCreateModal from '~/components/ui/OrganizationCreateModal.vue'
+import OrganizationCreateModal from '~/components/ui/create/OrganizationCreateModal.vue'
 import { useAuth } from '~/composables/auth.js'
 
 const createOrgModal = ref(null)

apps/frontend/src/pages/dashboard/projects.vue

@@ -340,8 +340,8 @@ import {
 import { formatProjectType } from '@modrinth/utils'
 import { Multiselect } from 'vue-multiselect'
 
+import ModalCreation from '~/components/ui/create/ProjectCreateModal.vue'
 import Modal from '~/components/ui/Modal.vue'
-import ModalCreation from '~/components/ui/ModalCreation.vue'
 import { getProjectTypeForUrl } from '~/helpers/projects.js'
 
 useHead({ title: 'Projects - Modrinth' })