Verification Result - Copy this React, Tailwind Component to your project

Design-The-VerificationResult-component-to-be-rendered-in-a-landing-page-in-React-handles-the-display-and-decryption-of-verification-results-for-a-certificate.-It-uses-the-useEffect-hook-to-trigger-the-decryption-process-when-a-valid-verificationResult-is-provided.-This-involves-fetching-the-encrypted-certificate-file-from-IPFS-using-its-hash,-decrypting-it-using-the-AES-256-CBC-algorithm-with-the-provided-symmetric-key-and-initialization-vector-(IV),-and-generating-a-URL-to-render-the-decrypted-file-as-a-preview.-The-component-handles-various-states,-such-as-loading-during-decryption,-errors-during-the-decryption-process,-and-successful-display-of-the-certificate.-Additionally,-it-dynamically-updates-its-UI-to-reflect-the-verification-status-and-details,-such-as-student-number-and-verification-date,-and-ensures-resources-like-object-URLs-are-properly-cleaned-up-when-no-longer-needed.