Update Streamlit app styles by changing CSS selectors for segmented control components, enhancing consistency and maintainability of the UI.

src/streamlit_app.py

@@ -42,7 +42,7 @@ st.markdown("""
         gap: 8px;
         padding: 4px;
     }
-    .stElementContainer [data-baseweb="stBaseButton-segmented_control"] {
+    .stElementContainer [kind="segmented_control"] {
         height: 50px;
         white-space: pre-wrap;
         background-color: #DAA520;
@@ -53,12 +53,12 @@ st.markdown("""
         font-weight: bold;
         transition: all 0.3s ease;
     }
-    .stElementContainer [data-baseweb="stBaseButton-segmented_controlActive"] {
+    .stElementContainer [kind="segmented_controlActive"] {
         background-color: #DAA520;
         border: 3px solid #FFD700;
         color: white;
     }
-    .stElementContainer [data-baseweb="stBaseButton-segmented_control"]:hover {
+    .stElementContainer [kind="segmented_control"]:hover {
         background-color: #FFD700;
         cursor: pointer;
     }