Improve login UI design - cleaner, centered layout

src/Start_Page.py

@@ -26,12 +26,14 @@ handle_oauth_callback()
 # Check if login is required (for Hugging Face Spaces)
 login_required, login_error_message = require_hf_login()
 if login_required:
-    st.error(login_error_message)
-    st.info("💡 **Tip:** Click the button below to sign in with your Hugging Face account.")
-    st.divider()
-    login_button()  # Show the login button
-    st.divider()
-    st.info("**Note:** You need to complete the OAuth flow within this app, even if you're already logged into Hugging Face in your browser.")
+    # Center the login UI in a container
+    col1, col2, col3 = st.columns([1, 2, 1])
+    with col2:
+        with st.container(border=True):
+            st.markdown("### 🔐 Sign In Required")
+            st.markdown("This application requires Hugging Face authentication to provide personalized session management.")
+            st.markdown("")
+            login_button()
     st.stop()  # Stop execution - user must log in
 
 # User is logged in - show username (optional)

src/gui_elements/session_cache.py

@@ -34,7 +34,6 @@ def login_button():
     """Display a login button that redirects to HF OAuth."""
     if not os.environ.get("OAUTH_CLIENT_ID"):
         st.error("OAuth is not configured. Please enable hf_oauth: true in README.md")
-        st.info("The Space needs to be rebuilt after adding hf_oauth: true to README.md")
         return
     
     try:
@@ -64,7 +63,8 @@ def login_button():
             "state": state,
         }
         url = auth_endpoint + "?" + urllib.parse.urlencode(params)
-        st.link_button("🔐 Sign in with Hugging Face", url, use_container_width=True)
+        # Make button larger and more prominent
+        st.link_button("🔐 Sign in with Hugging Face", url, use_container_width=True, type="primary")
     except Exception as e:
         st.error(f"Error setting up OAuth login: {e}")
         st.info("Please check the Space logs for more details.")