Add segmented control for tab selection in app.py to enhance navigation between 'Data Load' and 'Manage Portfolio' sections.

app.py

@@ -71,6 +71,15 @@ st.markdown("""
 
 </style>""", unsafe_allow_html=True)
 
+selected_tab = st.segmented_control(
+    "Select Tab",
+    options=["Data Load", "Manage Portfolio"],
+    selection_mode='single',
+    default='Data Load',
+    label_visibility='collapsed',
+    key='tab_selector'
+)
+
 def create_position_export_dict(column_name, csv_file, site_var, type_var, sport_var):
     try:
         # Remove any numbers from the column name to get the position
@@ -180,16 +189,6 @@ with st.container():
         elif type_var == 'Showdown':
             salary_max = 60000
 
-selected_tab = st.segmented_control(
-    "Select Tab",
-    options=["Data Load", "Manage Portfolio"],
-    selection_mode='single',
-    default='Data Load',
-    width='content',
-    label_visibility='collapsed',
-    key='tab_selector'
-)
-
 if selected_tab == 'Data Load':
     if st.button('Clear data', key='reset1'):
         st.session_state.clear()