style: LoadingScreen beautifying - thanks Roo Code

Author: NamesMT

apps/frontend/app/components/LoadingScreen.vue

@@ -1,5 +1,33 @@
 <template>
-  <div class="w-full flex items-center justify-center">
-    Loading...
+  <div class="fixed inset-0 z-50 flex flex-col items-center justify-center bg-surface-0 dark:bg-surface-900">
+    <!-- Simple CSS Spinner -->
+    <div class="spinner mb-4" />
+    <p class="text-lg text-primary-500 font-medium dark:text-primary-400">
+      {{ $t('components.loadingScreen.loadingText') }}
+    </p>
   </div>
 </template>
+
+<style scoped>
+.spinner {
+  border: 4px solid rgba(0, 0, 0, 0.1);
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border-left-color: hsl(var(--primary-500)); /* Assuming you have a primary color variable */
+  animation: spin 1s ease infinite;
+}
+
+.dark .spinner {
+  border-left-color: hsl(var(--primary-400)); /* Assuming you have a primary color variable for dark mode */
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+</style>

locals/locales/src/sheets/frontend/i18n.csv

@@ -5,6 +5,7 @@ components.convexIntegrationTest.configuredUrl,,Convex URL,URL de Convex,URL Con
 components.convexIntegrationTest.tasksList.empty,,No tasks yet.,Aún no hay tareas.,Aucune tâche pour le moment.,Задач пока нет.,Chưa có công việc nào.,暂无任务。
 components.convexIntegrationTest.tasksList.title,,Tasks,Tareas,Tâches,Задачи,Công việc,任务列表
 components.convexIntegrationTest.testBackendButton,,"Test Convex integration with `backend` (fetch tasks)","Probar integración de Convex con `backend` (obtener tareas)","Tester l'intégration de Convex avec `backend` (récupérer les tâches)","Тестировать интеграцию Convex с `backend` (получить задачи)","Kiểm tra tích hợp Convex với `backend` (lấy công việc)","测试Convex与`backend`的集成（获取任务）"
+components.loadingScreen.loadingText,,Loading...,Cargando...,Chargement en cours...,Загрузка...,Đang tải...,加载中...
 language,,Language,Idioma,Langue,Язык,Ngôn ngữ,语言
 pages.home.apiResponse.empty,,Empty,Vacío,Vide,Пусто,Trống,空的
 pages.home.apiResponse.label,,API Response from,Respuesta de API de,Réponse API de,Ответ API от,Phản hồi API từ,API响应来自