User Registration Form - Copy this React, Tailwind Component to your project

Create a full-sized web page for creating a new user with the following features: A header placed at the top left, reading "Create New User." A form that includes fields for: social_account_limit (numeric input) email (text input) full_name (text input) Below the form, there should be a list of checkboxes to assign permissions to the new user. The permissions should be fetched from the API endpoint /api/permission/list, and each permission should correspond to a checkbox. The sample API response looks like: Sample API Response: { "isSuccess": true, "data": [ {"PermissionId": 1, "PermissionName": "hihi"} ] } UI Considerations: Since there will be over 50 checkboxes, arrange the checkboxes horizontally across multiple rows to prevent vertical scrolling. Include a "Select All" button that allows users to check or uncheck all permissions at once. The checkboxes should be slightly larger than the default size for better usability. Ensure the page is responsive and takes up the full screen size for better display and ease of interaction.