M R P Homepage Component - Copy this Angular, Tailwind Component to your project

Design a homepage with a header, left menu navigation, and a main body for an MRP system. The buttons (such as Financial, HR, IT, Accounting, Planning, Production) are parent node, each parent node will have children nodes, feel free to generate the child nodes and the menu should be displayed as a tree. When the button is clicked, it will update the main page. Each user will be set the role for each parent and child nodes. That means we should have a toolbar under the title for user action like Add, Update, Delete, Generate report or More. These user actions should have the icon, and make sure they have the same color, style. When the user clicks on any button on left navigation menu, the buttons will be enabled or disabled accordingly to their defined role. For the parent and child nodes, make sure it's easy for user to recognize the parent of the child node.