Fines and Fees in Profile Page

[tashifkhan]

This pull request introduces a new "Fees" section to the student profile, allowing users to view their fee summary and fines directly within the profile page. The changes also improve code readability and error handling throughout the app, especially in authentication and profile components.

Profile Page Enhancements:

• Added new state and logic in Profile.jsx to fetch and display fee summary and fines, including helpers for currency formatting and fee calculations. [1] [2] [3]
• Extended the profile tabs to include "Fines" and "Fees" sections, with corresponding UI updates for displaying fines and fee details.
• Improved layout and readability of contact and address information in the profile by reformatting InfoRow usage. [1] [2]

General Code Quality and UI Improvements:

• Reformatted imports and props across multiple files for better readability and maintainability, including App.jsx, Login.jsx, and Profile.jsx. [1] [2] [3] [4]
• Enhanced error handling for login and server issues in both App.jsx and Login.jsx, providing clearer feedback to users on connectivity and server availability problems. [1] [2]

UI Consistency:

• Updated button, input, and tab layouts to ensure consistent and accessible UI behavior across authentication and profile components. [1] [2]

These changes collectively improve the user experience by making fee and fine information more accessible and by providing clearer feedback and more maintainable code.

[tashifkhan]

Discussion reference:

• added pending fines and fees page #73