[TODO] Complete the Settings.jsx page

[gbowne1]

We have a Settings.jsx file that is accessible from the User Icon in the topnav bar. It's just a boilerplate file. Here are some settings to consider adding using mui

Notification preferences:
Allow users to choose the types of notifications they want to receive, such as new book releases, recommendations, or updates on their reviews. Provide options to enable or disable push notifications, email notifications, or in-app notifications.

Privacy settings: Allow users to control the visibility of their profile and reviews, such as making their profile public or private. Provide options to manage who can see their reviews, such as friends only, public, or specific user groups.

Account settings: Allow users to update their email address, password, or profile picture. Provide an option to link or unlink social media accounts for easy login or sharing.

Reading preferences: Allow users to set their favorite genres, authors, or reading goals. Provide options to customize the book recommendations based on their preferences.

Language and localization settings: Allow users to choose their preferred language for the app interface. Provide options for date and time formats, currency, or regional settings.Remember to implement these settings in a user-friendly and intuitive manner, using appropriate UI components and providing clear instructions.

Additionally, consider storing these settings in our database or user preferences to persist the user's choices across sessions

[BlackBond06]

@gbowne1 I have assigned this issue to my self.