what will be the accurate front$-$end code for the following backend code that works perfectly on next.js app. Please modify the backed code if there any error:$$

import AWS from 'aws$-$sdk$\text{'}$;

import mysql from $\text{'}$mysql$$

$$

$//$ MySQL connection pool

const pool $=$ mysql$.$createPool$(\{$

$$ host: 'yourhostname',

$$ user: 'username',$$

$$ password: 'yourPassword',

$$ database: 'yourdatabase',

$\})$;

$$

const s$3=$ new AWS.S$3()$;

$$

export const handler $=$ async $($event$)=>\{$

$$ try $\{$

$//$ Parse incoming data from the frontend

$$ const $\{$ sellerID, itemName, itemDescription, initialPrice, auctionLength, startDate, endDate, itemImageBase$64\}=$ JSON.parse$($event$.$body$)$;

$$

$//$ Validate sellerID $($ensure it exists, no need to hardcode it$)$

$$ if $(!$sellerID$)\{$

$$ return $\{$

$$ statusCode: $400,$

$$ body: JSON.stringify$(\{$ error: 'Seller ID is required' $\}),$

$\}$;

$\}$

$$

$//$ Validate form fields

$$ if $(!$itemName $||!$itemDescription $||!$initialPrice $||!$auctionLength $||!$startDate $||!$endDate $||!$itemImageBase$64)\{$

$$ return $\{$

$$ statusCode: $400,$

$$ body: JSON.stringify$(\{$ error: 'All fields are required.$\text{'}\}),$

$\}$;

$\}$

$$

$//$ Convert the base$64$ image string to a buffer

$$ const buffer $=$ Buffer.from$($itemImageBase$64,$ 'base$64\text{'})$;

$$

$//$ Upload image to S$3$

$$ const imageKey $=`$items$/$$$\{$Date$.$now$()\}\_$$$\{$itemName$\}.$jpg$`$; $//$ Unique key for S$3$

$$ const uploadParams $=\{$

$$ Bucket: 'yourbocket',

$$ Key: imageKey,

$$ Body: buffer,

$$ ContentType: 'image$/$jpeg$\text{'},$

$\}$;

$$

$$ const s$3$Upload $=$ await s$3.$upload$($uploadParams$).$promise$()$;

$$ const imageUrl $=$ s$3$Upload.Location; $//$ Get the URL of the uploaded image

$$

$//$ Prepare SQL query to insert item into the database

$$ const connection $=$ await pool.getConnection$()$;

$$ const query $=`$INSERT INTO items $($sellerId$,$ itemName, itemDescription, initialPrice, auctionLength, startDate, endDate, itemImage$)$

$$ VALUES $(?,?,?,?,?,?,?,?)`$;

$$

$//$ Execute the insert query

$$ await connection.execute$($query$,[$

$$ sellerID, $//$ Dynamic seller ID

$$ itemName,

$$ itemDescription,

$$ initialPrice,

$$ auctionLength,

$$ startDate,

$$ endDate,

$$ imageUrl,

$])$;

$$

$//$ Release connection

$$connection$.$release$()$;

$$

$//$ Return success response

$$ return $\{$

$$ statusCode: $200,$

$$ body: JSON.stringify$(\{$ message: 'Item added successfully!$\text{'}\}),$

$\}$;

$\}$ catch $($error$)\{$

$$console$.$error$(\text{'}$Error processing request:$\text{'},$ error$)$;

$$

$$ return $\{$

$$ statusCode: $500,$

$$ body: JSON.stringify$(\{$ error: 'Internal Server Error' $\}),$

$\}$;

$\}\}$;