[Remove Vuetify from Studio] Alert dialog

[kart-u]

Summary

Issues:-

1. Migration of file modals from Vuetify to Kolibri Design System in Uploader.vue & ThumbnailGenerator.vue
2. Removal of Alert.vue
3. Use tokens.annotation instead of currently hardcoded light gray

Description of changes:-

1. changed Alert modal to KModal in both files
2. removed Alert.vue file
3. added :style="{ color: $themeTokens.annotation }" for tokens.annotation

Manual Testing Results

References

Closes#5472

[MisRob]

Welcome to the Studio codebase @kart-u. Nice first contribution. Just few cleanup notes, then should be good for merge.

[kart-u]

Hi @MisRob, I’ve refactored the code as requested. Could you please review and confirm if it looks good?

[MisRob]

Thank you, @kart-u, it's on my review list - I will follow-up with you.

[bjester]

The frontend test suite seems to be timing out. @kart-u It's possible the corresponding frontend tests need updated for the changes here, i.e. maybe uploader.spec.js. Would you please take a look and see if you can reproduce and resolve this issue?

[kart-u]

@bjester yes I will look into this

[kart-u]

@bjester corrected test now working fine on my local tests

ThumbnailGenerator

uploader.spec

all test result

[MisRob]

Thanks for taking care of the test too @kart-u@bjester. I don't quite understand why tests started timing out on this opportunity, but I read the test suite and the component - given the way it works now and what the test suite attempts to check, I think that the change is meaningful.

As for the alerts, I previewed them and confirm that they work as expected. Code changes make sense. Thanks!