Center title and position logo in top right corner

- Use 3-column layout with proportions [1, 4, 1] for better spacing
- Center the 'Par-ity Project' title in the middle column
- Position logo in the right column for top-right appearance
- Maintain 120px logo width with proper fallback
- Clean layout that works reliably with Streamlit's component system

app/streamlit_app.py

@@ -635,13 +635,16 @@ def main():
     </style>
     """, unsafe_allow_html=True)
     
-    # Main title with logo
-    col1, col2 = st.columns([3, 1])
+    # Header with centered title and right-aligned logo
+    col1, col2, col3 = st.columns([1, 4, 1])
     
     with col1:
-        st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
+        st.write("")  # Empty space
     
     with col2:
+        st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
+    
+    with col3:
         try:
             st.image("app/transparent2.png", width=120)
         except: