misc: changes, docs update, svelte5 migration.

src/lib/components/backupRestoreBox.svelte

@@ -57,21 +57,22 @@
     }
 
     function updateOrAddItem(payload: Payload) {
-        // todo: @itznotabug - might need a change to $table?
-        const { $id, status, $collection, policyId } = payload;
-        if ($collection === 'archives' && policyId !== null) {
+        // the internal structure still uses `$collection`,
+        // and is basically an identifier of the op. type here!
+        const { $id, status, $collection: type, policyId } = payload;
+        if (type === 'archives' && policyId !== null) {
             return;
         }
 
-        if ($collection in backupRestoreItems) {
-            const collectionMap = backupRestoreItems[$collection];
+        if (type in backupRestoreItems) {
+            const collectionMap = backupRestoreItems[type];
 
             if (collectionMap.has($id)) {
                 collectionMap.get($id).status = status;
                 if (status === 'completed') {
                     invalidate(Dependencies.BACKUPS);
 
-                    if ($collection === 'restorations') {
+                    if (type === 'restorations') {
                         const { newId, newName } =
                             collectionMap.get($id).options?.['databases']?.['database'][0] || {};
 
@@ -81,7 +82,7 @@
             } else if (status === 'pending' || status === 'processing' || status === 'uploading') {
                 collectionMap.set($id, payload);
             }
-            backupRestoreItems[$collection] = collectionMap;
+            backupRestoreItems[type] = collectionMap;
         }
     }
 

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/+layout.svelte

@@ -94,8 +94,8 @@
                 ) {
                     // don't invalidate when -
                     // 1. from faker
-                    // 2. ai columns creation
-                    // 3. ai indexes creation
+                    // 2. ai indexes creation
+                    // 3. ai columns creation
                     if (
                         !isWaterfallFromFaker &&
                         !$showIndexesSuggestions &&

src/routes/(console)/project-[region]-[project]/databases/database-[database]/table-[table]/activity/+page.svelte

@@ -2,7 +2,11 @@
     import { Activity } from '$lib/layout';
     import type { PageData } from './$types';
 
-    export let data: PageData;
+    const {
+        data
+    }: {
+        data: PageData;
+    } = $props();
 </script>
 
 <div class="wide-screen-wrapper databases-spreadsheet">