chore: update UI

app.py

@@ -110,16 +110,10 @@ def categorize(url):
         else:
             return {"error_message": error}
 
+        
 # Main App
 st.header('Classification Project')
-st.subheader
-(
-    '''
-        Unsure what category a CNN article belongs to?  
-        Our clever tool can help!  
-        Paste the URL below and press Enter. We'll sort it into one of our 5 categories in a flash! ⚡️
-    '''
-)
+st.subheader("Unsure what category a CNN article belongs to? Our clever tool can help! Paste the URL below and press Enter. We'll sort it into one of our 5 categories in a flash! ⚡️")
 
 # Define category information (modify content and bullet points as needed)
 categories = {
@@ -150,9 +144,15 @@ categories = {
     ]
 }
 # Create expanders contain list of category can be classified
-for category, content in categories.items():
-  with st.expander(category, expanded=True):
-    # Display content as bullet points
+with st.expander("Category Information"):
+  # Title for each category
+  st.subheader("Available Categories:")
+  for category in categories.keys():
+    st.write(f"- {category}")
+  # Content for each category (separated by a horizontal line)
+  st.write("---")
+  for category, content in categories.items():
+    st.subheader(category)
     for item in content:
       st.write(f"- {item}")