removed chakraUI from the field set for sequential tokenID

Author: GWSzeto

apps/dashboard/src/components/contract-components/contract-deploy-form/sequential-token-id-fieldset.tsx

@@ -1,8 +1,7 @@
 import { FormFieldSetup } from "@/components/blocks/FormFieldSetup";
-import { FormControl } from "@chakra-ui/react";
+import { FormControl } from "@/components/ui/form";
 import { SolidityInput } from "contract-ui/components/solidity-inputs";
 import type { UseFormRegisterReturn } from "react-hook-form";
-import { FormHelperText, FormLabel } from "tw-components";
 
 interface SequentialTokenIdFieldsetProps {
   isInvalid: boolean;
@@ -16,21 +15,17 @@ export const SequentialTokenIdFieldset: React.FC<
   return (
     <FormFieldSetup
       htmlFor="startTokenId"
-      label="Sequential Token ID"
+      label="Start Token ID"
       isRequired={true}
       errorMessage={props.errorMessage}
+      helperText="The starting token ID for the NFT collection."
     >
-      <FormControl isRequired isInvalid={props.isInvalid}>
-        <FormLabel>Start Token ID</FormLabel>
-
+      <FormControl>
         <SolidityInput
           solidityType="uint256"
           variant="filled"
           {...props.register}
         />
-        <FormHelperText className="!text-sm text-muted-foreground">
-          The starting token ID for the NFT collection.
-        </FormHelperText>
       </FormControl>
     </FormFieldSetup>
   );