refined header and data loader

src/backend/data_loader.py

@@ -11,7 +11,7 @@ logger = logging.getLogger(__name__)
 
 REPO_ID = 'Angione-Lab/spMetaTME-Atlas'
 
-@st.cache_resource
+@st.cache_data(show_spinner=False)
 def get_metadata():
     """Fetch and cache metadata from Hugging Face."""
     try:
@@ -25,6 +25,7 @@ def get_metadata():
         logger.error(f"Error loading metadata: {e}")
         return pd.DataFrame()
 
+@st.cache_data(show_spinner=False)
 def get_organ_stats(meta_df: pd.DataFrame):
     """Calculate summary statistics for organs from metadata."""
     if meta_df.empty:
@@ -54,7 +55,7 @@ def get_organ_stats(meta_df: pd.DataFrame):
     stats = stats.sort_values('sample_count', ascending=False)
     return stats
 
-@st.cache_data
+@st.cache_data(show_spinner=False)
 def load_metabolic_flux_from_hf(filename: str):
     """
     Load spatial metabolic flux data from Hugging Face Hub with caching.

src/ui/components/header.py

@@ -52,15 +52,22 @@ def render_header():
         </div>
         """, unsafe_allow_html=True)
 
+@st.cache_resource(show_spinner=False)
 def load_css():
-    """Load custom CSS."""
+    """Load and apply CSS - cached to prevent reloading on every rerun."""
+    # Load custom CSS file
     css_path = "assets/style.css"
+    css_content = ""
     if os.path.exists(css_path):
         with open(css_path) as f:
-            st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+            css_content = f.read()
     
-    # Also load external assets
+    # Load external assets
     st.markdown("""
     <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     """, unsafe_allow_html=True)
+    
+    # Apply custom CSS
+    if css_content:
+        st.markdown(f"<style>{css_content}</style>", unsafe_allow_html=True)