React Blockchain eVault System Dashboard

Develop a React based user interface for a blockchain eVault system that manages legal documents. The UI should feature a main dashboard with a responsive sidebar. On desktop screens, the sidebar should be fully expanded on the left for easy navigation between document categories like contracts, agreements, and case files. On mobile screens, the sidebar buttons should shift to the bottom of the screen for accessibility, with a toggler icon located at the top left corner that allows users to collapse or expand the sidebar on all screen sizes. The document management section should list documents with metadata such as the document name, upload date, and verification status, allowing users to upload, view, and verify documents. Each document should have a detailed view displaying blockchain validation, modification history, and timestamps. Additionally, provide search and filter options for easy document retrieval and a button for smart contract based actions such as granting document access. Ensure the design is fully responsive, offering an intuitive user experience across desktop, tablet, and mobile devices, with seamless toggling between compact and expanded views.