develop a legal system using next.js mongodb database bootstrap jwt tokens cookes middleware for component pages use jsx and for api use js and apply spinning and progress for the pages also toast registration form with the following fields: username, full name, email, phonenumber, profile picture, role (client, lawyer, Admin), password, and confirm password. Validation should be implemented after registration. Additionally, a profile creation feature should allow users to update their details. The login form should only require username or email and password and remember me and forget password. Upon registration, if the user is a client, they should be directed to the client dashboard; if they are a lawyer, they should be directed to the lawyer dashboard. A Bootstrap navbar should be created, displaying "Login" and "Register" if the user is not logged in, and showing "Home", notification bell, user profile photo, "Dashboard", and "Logout" if they are logged in. Clicking on the profile photo should lead to a page where users can update their profile details, such as changing the photo, full name, and email. This navbar should be extended to all login forms, registration forms, and the home page. And admin to overses all the system and also to add any users and create advance dashborard including charts After lawyers added by admin they can be login and update their profiles and approved reject pending Furthermore, we need to fetch available lawyers from the database and display their profiles, allowing clients to file cases to each available lawyer. The form for filing a case should include fields for case name, description, uploading documents, and selecting a date. Also make it unique by integrating realtime notification for both the users and case history and documents for the clients and pending cases approve cases and rejected cases for lawers makesure provide nice cards for all dashboards The project name Free and Fear Legal system (FF Legal System)