fix: design

src/features/auth/components/studentRegister/MediaRecorder.vue

@@ -79,7 +79,7 @@ import useModal from '@/composables/useModal'
 import { computed, onBeforeUnmount, ref } from 'vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
-import { useUploadTemporaryMutation } from '@/services/query/auth'
+import { useUploadMediaMutation } from '@/services/query/auth'
 import PermissionModal from '@/features/auth/components/studentRegister/PermissionModal.vue'
 
 const props = defineProps({
@@ -123,7 +123,7 @@ const formattedTime = computed(() => {
   return `${mm}:${ss}`
 })
 
-const uploadMutation = useUploadTemporaryMutation()
+const uploadMutation = useUploadMediaMutation()
 
 const stopTracks = () => {
   if (mediaStream) {

src/features/auth/components/studentRegister/PersonalInformation.vue

@@ -167,7 +167,7 @@ import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import ImageCropper from '@/components/form/ImageCropper.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
 import TextareaField from '@/components/form/TextareaField.vue'
-import { useUploadTemporaryMutation } from '@/services/query/auth'
+import { useUploadMediaMutation } from '@/services/query/auth'
 import DatePickerField from '@/components/form/DatePickerField.vue'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { GENDER, MARITAL_STATUS, STUDENT_REGISTRATION } from '@/enums'
@@ -242,7 +242,7 @@ watch(
   }
 )
 
-const uploadMutation = useUploadTemporaryMutation()
+const uploadMutation = useUploadMediaMutation()
 
 const onAvatarCropped = async (file) => {
   try {