Test History Results - Copy this React, Tailwind Component to your project

Design-a-web-page-layout-for-a-'Test-History-&-Results'-section.-The-page-should-have-a-modern,-clean,-and-user-friendly-interface.-At-the-top,-include-a-navigation-bar-with-options-like-'Home',-'Test-History',-'Results',-and-'Settings'.-Below,-create-a-section-with-a-list-of-past-tests,-each-entry-displaying-key-details-such-as-the-test-name,-date,-status-(e.g.,-passed/failed),-and-a-progress-bar-showing-the-test-completion-or-score.-The-results-should-be-displayed-in-a-visually-appealing-format,-with-charts-or-graphs-for-easy-analysis-of-performance-trends-over-time.-Include-filters-on-the-side-(e.g.,-by-date-range,-test-type,-score)-to-allow-users-to-refine-the-results.-Use-soft-colors-and-minimalistic-design-elements-to-keep-the-focus-on-the-data.