Next.js admin small demo requireed

Login dashboard -> top header and left header(Menu dynamic based on access) and footer as separate layout Add users -> -> add, edit, remove, access(to choose which page he can access) Top header bellow the name-> open drop down for profile, change password, logout option Change password open using bootstrap model Profile page for update user data, with user profile pic(crop) Page setting -> have each page title can be change from here and save in database as well cache. That means if data is in cache it should from cache else read from database, if null then show static title. React,next, bootstrap, typescript, mysql [login to view URL] – Hooks with TypeScript-based architecture proper form validation (let me know the name before) Must be proper page optimized If login user open the page, must be auto redicrt to dashboard page If non-login user open dashboard, page should not show anything , and redirect back to login screen Must use of react-context and redux for storage routing must be based on auth based Developer-Friendly Folder Structure and Code active menu based on active page Must use proper loader, toaster, confirmalert etc Must use proper middleware and securty things for better code Must handle proper session for loggedin user Each page must have dynamic page title, Must put all the constant in seperate file, Sepearate file/folder for config, controller, routing, middleware, error handler dark/light mode option layout box styling must update code on git daily Before start confirm the UI which you are planning to use. we need to ensure the UI template before you start, so that later no issue