Main Content Area - Copy this React, Tailwind Component to your project

For the tree items, replace the isExpanded characters by minimalist tiny icons. When the item has more items below, the arrows must only be visible if the mouse is over the item, otherwise we only see the item icon. When the mouse is over the item, the item symbol must be hidden, having the effect of the item icon being replaced by an arrow in case of items with subitems, if it has no child items, then the item icon must remain visible.