Auth Page - Copy this React, Tailwind Component to your project

Create-a-modern,-responsive-register-page-with-the-following-features:-Design:-Use-a-sleek-and-minimalistic-style-with-a-contemporary-UI.-Incorporate-rounded-corners,-smooth-shadows,-and-vibrant-gradient-colors.-Support-both-light-and-dark-modes-automatically-based-on-system-preferences.-Functionality:-Provide-separate-tabs-or-sections-for-"Register"-and-"Login"-on-the-same-page.-Include-social-login-options-for-Facebook-and-Google,-styled-with-their-official-branding-guidelines.-Allow-switching-between-tabs-seamlessly-with-animations.-Form-Elements:-For-the-register-form:-fields-for-Full-Name,-Email,-Password,-and-Confirm-Password.-For-the-login-form:-fields-for-Email-and-Password.-Add-"Remember-Me"-and-"Forgot-Password?"-options-in-the-login-form.-Validate-inputs-in-real-time-(e.g.,-password-strength-and-email-format).-Additional-Features:-Use-tooltips-or-inline-error-messages-for-validation-feedback.-Make-the-social-login-buttons-prominent-with-recognizable-logos-and-clear-text-labels.-Ensure-full-responsiveness-for-desktop,-tablet,-and-mobile-views.-Include-hover-and-focus-animations-for-interactivity.-Code-Requirements:-Use-HTML5,-CSS3,-and-JavaScript-(or-a-modern-framework-like-React-if-applicable).-Ensure-compatibility-with-major-browsers-(Chrome,-Firefox,-Edge,-Safari).-Use-a-CSS-framework-like-Tailwind-CSS-or-Bootstrap-for-easy-customization.