feat: add loading progress bar for background data loading

- Introduced a new LoadingProgressBar component to display loading status.
- Integrated loading progress bar into App.vue, MainContent.vue, and ResourceList.vue.
- Added isLoadingInBackground state to resource store to track background loading status.
- Implemented event listeners for background loading progress and completion.
- Updated resource store to handle background data loading and refresh logic.

Author: prabhatsharma

src-tauri/src/commands/command_wrapper.rs

@@ -91,7 +91,6 @@ macro_rules! k8s_command {
 }
 
 /// Specific command implementations for common operations.
-
 /// Command to get Kubernetes namespaces.
 pub struct GetNamespacesCommand;
 

src-tauri/src/commands/k8s_commands.rs

@@ -224,6 +224,7 @@ pub async fn subscribe_to_resources(
     state: State<'_, AppState>,
     resource_type: String,
     namespace: Option<String>,
+    immediate_fetch: Option<bool>,
 ) -> Result<Vec<crate::k8s::K8sListItem>, String> {
     use crate::k8s::{WatchScope, K8sClient};
 
@@ -237,7 +238,8 @@ pub async fn subscribe_to_resources(
         let scope = WatchScope::new(cluster_context)
             .with_namespace(namespace);
 
-        cache.subscribe(app_handle, resource_type, scope)
+        let immediate = immediate_fetch.unwrap_or(false);
+        cache.subscribe(app_handle, resource_type, scope, immediate)
             .await
             .map_err(|e| e.to_string())
     } else {

src-tauri/src/k8s/resources.rs

@@ -189,25 +189,29 @@ pub struct K8sListItem {
 /// These events represent the different types of changes that can occur to
 /// Kubernetes objects, allowing clients to maintain up-to-date views of cluster state.
 #[derive(Debug, Clone, Serialize, Deserialize)]
-#[serde(rename_all = "camelCase")]
+#[serde(rename_all = "PascalCase")]
 pub enum WatchEvent {
     /// A new resource was created or discovered
-    Added { 
+    Added {
         item: K8sListItem,
+        #[serde(rename = "clusterContext")]
         cluster_context: String,
     },
     /// An existing resource was updated
-    Modified { 
+    Modified {
         item: K8sListItem,
+        #[serde(rename = "clusterContext")]
         cluster_context: String,
     },
     /// A resource was deleted
-    Deleted { 
+    Deleted {
         item: K8sListItem,
+        #[serde(rename = "clusterContext")]
         cluster_context: String,
     },
     /// Initial watch synchronization is complete (no more items)
     InitialSyncComplete {
+        #[serde(rename = "clusterContext")]
         cluster_context: String,
     },
 }