fixed linting and typecheck issues

Author: GWSzeto

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

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