Fix labeling_ui and save_labeled_data functions

# Key Changes:

## labeling_ui():

Removed the lines that were trying to use .update() on the components.

Created a new function initialize_labeling_ui() to set the initial values of the components. This function returns the initial image, metadata, and label count.

We call initialize_labeling_ui() and set the values of the components directly using image_component.value, metadata_text.value, and label_count_text.value.

## save_labeled_data():

The function now returns the new image, metadata, and count values. Gradio will automatically update the image_component, metadata_text, and label_count_text components with these returned values.

app.py

@@ -92,11 +92,17 @@ def labeling_ui():
             )
 
     # Initialize with the first sample
-    image, metadata, count = get_next_sample()
-    if image is not None:
-        image_component.update(value=image)  # Use .update() to set the value
-        metadata_text.update(value=str(metadata["bounds"]))  # Use .update()
-        label_count_text.update(value=f"Labeled {count} samples.")  # Use .update()
+    def initialize_labeling_ui():
+        image, metadata, count = get_next_sample()
+        if image is not None:
+            return image, str(metadata["bounds"]), f"Labeled {count} samples."
+        else:
+            return None, "", "No samples loaded."
+
+    initial_image, initial_metadata, initial_count = initialize_labeling_ui()
+    image_component.value = initial_image
+    metadata_text.value = initial_metadata
+    label_count_text.value = initial_count
 
 # --- Display UI ---
 def display_ui():