Refactor pagination controls in app.py for improved user experience

- Updated pagination layout to a single row with three columns for better alignment and spacing.
- Enhanced button functionality by disabling the "Previous" and "Next" buttons when on the first or last page, respectively.
- Improved page display formatting using markdown for clearer visibility of current page status.

app.py

@@ -145,15 +145,15 @@ with tab2:
             total_rows = len(st.session_state['Contest'])
             total_pages = (total_rows + rows_per_page - 1) // rows_per_page
             
-            # Create pagination controls
-            col1, col2, col3 = st.columns([1, 2, 1])
-            with col1:
-                if st.button("Previous Page") and st.session_state.current_page > 0:
+            # Create pagination controls in a single row
+            pagination_cols = st.columns([1, 1, 1, 6])  # Last column for spacing
+            with pagination_cols[0]:
+                if st.button("← Previous", disabled=st.session_state.current_page == 0):
                     st.session_state.current_page -= 1
-            with col2:
-                st.write(f"Page {st.session_state.current_page + 1} of {total_pages}")
-            with col3:
-                if st.button("Next Page") and st.session_state.current_page < total_pages - 1:
+            with pagination_cols[1]:
+                st.markdown(f"**Page {st.session_state.current_page + 1} of {total_pages}**", unsafe_allow_html=True)
+            with pagination_cols[2]:
+                if st.button("Next →", disabled=st.session_state.current_page == total_pages - 1):
                     st.session_state.current_page += 1
             
             # Calculate start and end indices for current page