fix: fix error when deleting user accounts

Author: AchoArnold

web/app/components/BackButton.vue

@@ -37,7 +37,7 @@ function goBack() {
     :block="block"
     @click="goBack"
   >
-    <v-icon :icon="mdiArrowLeft" />
+    <v-icon :icon="mdiArrowLeft" start />
     Go Back
   </v-btn>
 </template>

web/app/pages/settings/index.vue

@@ -780,7 +780,8 @@ async function deleteUserAccount() {
     await router.push({ name: 'index' })
   } catch {
     notificationsStore.addNotification({
-      message: 'Failed to delete your account',
+      message:
+        'We ran into an internal error while deleteing your account please contact us.',
       type: 'error',
     })
   } finally {
@@ -965,25 +966,29 @@ onMounted(async () => {
                   </VBtn>
                 </template>
                 <VCard>
-                  <VCardTitle class="text-headline-medium text-break"
+                  <VCardTitle class="text-headline-small"
                     >Are you sure you want to rotate your API Key?</VCardTitle
                   >
-                  <VCardText>
+                  <VCardText class="text-medium-emphasis">
                     You will have to logout and login again on the
                     <b>httpSMS</b> Android app with your new API key after you
                     rotate it.
                   </VCardText>
                   <VCardActions class="pb-4">
                     <VBtn
                       color="primary"
+                      variant="flat"
                       :loading="rotatingApiKey"
                       @click="rotateApiKey"
                     >
                       <VIcon start :icon="mdiRefresh" />
                       Yes Rotate Key
                     </VBtn>
                     <VSpacer />
-                    <VBtn variant="text" @click="showRotateApiKey = false"
+                    <VBtn
+                      variant="text"
+                      color="warning"
+                      @click="showRotateApiKey = false"
                       >Close</VBtn
                     >
                   </VCardActions>

web/app/stores/auth.ts

@@ -74,10 +74,10 @@ export const useAuthStore = defineStore('auth', () => {
   }
 
   async function deleteUserAccount(): Promise<string> {
-    const response = await apiFetch<{ message: string }>('/v1/users/me', {
+    await apiFetch<{ message: string }>('/v1/users/me', {
       method: 'DELETE',
     })
-    return response.message
+    return 'Your account has been deleted successfully'
   }
 
   async function rotateApiKey(userId: string): Promise<EntitiesUser> {