Rake Inquiries Page - Copy this React, Tailwind Component to your project

Design-a-modern,-professional,-and-mobile-compatible-web-page-component-with-the-following-elements:-Search-Bar:-Position-a-sleek-and-minimal-search-bar-at-the-top-with-a-magnifying-glass-icon-on-the-left-side-to-signify-search-functionality.-Include-animated-placeholder-text-in-the-search-bar-to-make-it-interactive-and-user-friendly.-The-search-bar-should-have-a-subtle-shadow-effect-for-a-polished-look.-Header:-Add-a-bold-header-titled-'Rake-Inquiries'-at-the-top-of-the-page-with-a-small-icon-of-a-document-or-list-next-to-the-text-to-reinforce-the-page's-purpose.-Use-a-gradient-color-for-the-header-background-(e.g.,-a-blend-of-blue-and-white)-with-text-and-icon-in-contrasting-colors-like-white-or-dark-gray.-Rake-Inquiries-List:-Below-the-search-bar,-display-a-list-of-rake-inquiries-in-a-clean,-organized-layout.-Each-inquiry-should-appear-in-a-card-style-container-with-the-following-details:-Rake-ID:-Represented-with-a-small-ID-icon.-Client-Name:-Displayed-alongside-a-client-icon-(e.g.,-a-person-or-business-silhouette).-Date:-Use-a-calendar-icon-to-highlight-the-date.-Origin-&-Destination:-Represent-these-with-location-pins-to-indicate-geographical-points.-Commodities:-Display-with-a-box-or-truck-icon-to-represent-goods.-The-list-should-have-alternating-row-colors-(light-gray-and-white)-for-easy-reading,-and-each-row-should-be-separated-by-thin-lines-or-subtle-dividers.-Interactive-Animations:-Hover-Effects:-When-a-user-hovers-over-any-inquiry-item,-it-should-slightly-elevate-with-a-smooth-shadow-effect-to-indicate-interactivity.-Icons-could-change-color-on-hover-(e.g.,-icons-turning-blue-or-orange).-Transition-Animations:-When-the-page-loads,-the-inquiries-should-slide-in-smoothly-from-the-right-or-fade-in-for-a-dynamic-feel.-The-search-bar-and-header-can-also-fade-in-as-the-page-loads.-Mobile-Compatibility:-Ensure-the-layout-is-responsive,-adapting-seamlessly-to-mobile-devices.-The-list-should-stack-vertically-on-smaller-screens,-with-the-search-bar-and-header-maintaining-their-accessibility-and-design-integrity.-Buttons-or-clickable-areas-should-be-large-enough-for-easy-tapping,-with-ample-padding-for-mobile-use.-Color-Palette:-Use-a-modern,-professional-color-palette-with-neutral-tones-(gray,-white,-soft-black)-complemented-by-accent-colors-like-blue-or-orange-for-highlights,-icons,-and-hover-effects.-Keep-the-overall-design-minimalist-yet-visually-engaging,-with-soft-shadows-and-gradients-for-depth.-This-design-should-be-easy-to-navigate,-with-a-clean-and-intuitive-user-experience-that-focuses-on-functionality-while-incorporating-modern-design-aesthetics,-colors,-and-animations."