chore: add no unused vars lint rule

components/Forms/BookingWidget/FormContent/BookingCode/TabletCodeInput/index.tsx

@@ -7,10 +7,8 @@ import type { BookingWidgetSchema } from "@/types/components/bookingWidget"
 
 export default function TabletCodeInput({
   updateValue,
-  defaultValue,
 }: {
   updateValue: (val: string) => void
-  defaultValue?: string
 }) {
   const intl = useIntl()
   const { register } = useFormContext<BookingWidgetSchema>()

components/Forms/BookingWidget/FormContent/BookingCode/index.tsx

@@ -108,7 +108,7 @@ export default function BookingCode() {
           <Checkbox
             checked={!!bookingCode?.value}
             {...register("bookingCode.flag", {
-              onChange: function (e) {
+              onChange: function () {
                 if (bookingCode?.value || isOpen) {
                   setValue("bookingCode.flag", true)
                 }
@@ -128,10 +128,7 @@ export default function BookingCode() {
           <Dialog>
             {({ close }) => (
               <div className={styles.popover}>
-                <TabletCodeInput
-                  updateValue={updateBookingCodeFormValue}
-                  defaultValue={bookingCode?.value}
-                />
+                <TabletCodeInput updateValue={updateBookingCodeFormValue} />
                 <div className={styles.bookingCodeRememberVisible}>
                   <CodeRemember
                     bookingCodeValue={bookingCode?.value}

components/Forms/BookingWidget/FormContent/Voucher/index.tsx

@@ -70,8 +70,6 @@ export function VoucherSkeleton() {
   const intl = useIntl()
 
   const vouchers = intl.formatMessage({ id: "Code / Voucher" })
-  const useVouchers = intl.formatMessage({ id: "Use code/voucher" })
-  const addVouchers = intl.formatMessage({ id: "Add code" })
   const bonus = intl.formatMessage({ id: "Use Bonus Cheque" })
   const reward = intl.formatMessage({ id: "Book Reward Night" })