refactor(image-viewer): update ImageViewer component structure and remove commented code

frontend/src-tauri/src/screenshot.rs

@@ -1,7 +1,7 @@
 use base64::{engine::general_purpose::STANDARD as BASE64, Engine as _};
 use std::fs;
 use std::process::Command;
-use tauri::{AppHandle, Runtime};
+use tauri::{AppHandle, Emitter, Runtime};
 
 /// Takes a screenshot of a selected area and returns the image data as base64
 pub fn take_area_screenshot<R: Runtime>(app: &AppHandle<R>) -> Result<String, String> {
@@ -39,15 +39,8 @@ pub fn take_area_screenshot<R: Runtime>(app: &AppHandle<R>) -> Result<String, St
         println!("Warning: Failed to remove temporary screenshot file: {}", e);
     }
 
-    // Log the base64 string (truncated for readability)
-    if base64_string.len() > 100 {
-        println!(
-            "Screenshot base64 (truncated): {}...",
-            &base64_string[..100]
-        );
-    } else {
-        println!("Screenshot base64: {}", base64_string);
-    }
+    app.emit("png-processed", base64_string.clone())
+        .map_err(|e| format!("Failed to emit event: {}", e))?;
 
     Ok(base64_string)
 }

frontend/src/components/ImageViewer.tsx

@@ -37,9 +37,7 @@ export function ImageViewer() {
     return null;
 
     // return (
-    //     <div>
-    //         <FolderPicker />
-
+    //     <div class="fixed inset-0">
     //         {latestImage() && (
     //             <div class="mt-4">
     //                 <h3>Latest Processed Image:</h3>