User Systems Interface - Copy this Angular, Tailwind Component to your project

Create-a-user-interface-for-displaying-a-list-of-systems-associated-with-a-user,-showing-the-following-columns-in-a-table:-id,-distributor_id,-user_id,-plan_id,-name,-registration_date,-limit_types,-and-status.-Each-system-should-have-action-buttons-for-'Deactivate',-'Change-Password',-'Edit',-and-'Hide'.-The-list-should-include-50-sample-records-to-demonstrate-pagination.-The-data-for-the-table-rows-should-be-as-follows:-id-(1-50),-distributor_id-(random-between-1-and-5),-user_id-(random-between-1-and-10),-plan_id-(random-between-1-and-4),-name-(random-company-names),-registration_date-(random-dates-between-2023-and-2024),-limit_types-(random-limits-such-as-'Emitidos',-'Autorizados',-etc.),-and-status-(1-or-0).-Additionally,-show-the-current-plan-fields-in-the-table-with-the-following-columns:-id,-user_id,-name,-period,-lim_documents,-lim_companies,-lim_branches,-lim_emission_point,-lim_boxes,-lim_users,-price.-Plan-data-for-plans-1-4-should-be-provided-with-names-and-relevant-information-as-shown-in-the-example.-Ensure-the-interface-includes-an-effective-filter-panel-at-the-top-of-the-page,-with-filters-like-name-search,-plan-filter,-status-filter,-and-date-range-filter.-Include-pagination-controls-at-the-bottom-of-the-table-and-make-sure-the-system-is-visually-appealing-and-functional.