feat: fixed bugs

components/cards/hover-image-card/HoverImageCard.jsx

+import Image from 'next/image';
 import styles from './hover-image-card.module.css';
 
 const HoverImageCard = () => {
           <button className={styles.btn}>More Details</button>
         </div>
         {/*Change with Next Image*/}
-        <img src="/images/image-one.jpg" alt="text" />
+        <Image src="/images/image-one.jpg" alt="text" />
       </div>
       <div className={styles.card}>
         <div className={styles.content}>
           <button className={styles.btn}>Button Text</button>
         </div>
         {/*Change with Next Image*/}
-        <img src="/images/image-one.jpg" alt="text" />
+        <Image src="/images/image-one.jpg" alt="text" />
       </div>
       <div className={styles.card}>
         <div className={styles.content}>
           <button className={styles.btn}>Button Text</button>
         </div>
         {/*Change with Next Image*/}
-        <img src="/images/image-one.jpg" alt="text" />
+        <Image src="/images/image-one.jpg" alt="text" />
       </div>
     </div>
   );

components/forms/contact/ContactPageForm.jsx

   const { t } = useTranslation('contact');
   const [open, setOpen] = useState(false);
 
-  const handleSubmit = async (values) => {
+  const handleSubmit = async (values, { resetForm }) => {
     try {
       postQuestion(values);
       setOpen(true);
+      resetForm({ values: '' });
     } catch (error) {
       console.log(error);
     }

components/forms/register/RegisterForm.jsx

 
   const submitHandler = async (values) => {
     try {
-      const result = await createUser(
+      await createUser(
         values.fullName,
         values.username,
         values.email,

components/forms/shipping-details/ShippingDetailsForm.jsx

 import { useRouter } from 'next/router';
 import PropType from 'prop-types';
 import { useState } from 'react';
-import { shippingDetailsSchema } from '../../../schemas/shippingDetailsSchema';
+import shippingDetailsSchema from '../../../schemas/shippingDetailsSchema';
 import { useUserData } from '../../../store/user-context';
 import ErrorMessageComponent from '../../mui/ErrorMessageComponent';
 

components/review-content/ReviewContent.jsx

         });
       };
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [checkoutStorage]);
 
   return (

models/order.js

       },
     ],
     time: {
-      type: Date,
+      type: String,
       required: [true, 'Please provide a date.'],
-      validate(value) {
-        if (!validator.isDate(value)) {
-          throw new Error('Not a date');
-        }
-      },
     },
     shippingAddress: {
       country: {

package.json

     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sass": "^1.54.0",
+    "sharp": "^0.31.2",
     "stripe": "^10.8.0",
     "swr": "^1.3.0",
     "validator": "^13.7.0",

pages/index.js

 
 export async function getStaticProps({ locale }) {
   try {
-    const { message, featuredProducts } = await getFeaturedProducts();
+    const { featuredProducts } = await getFeaturedProducts();
     return {
       props: {
         ...(await serverSideTranslations(locale, ['home'])),
-        message,
         featuredProducts,
       },
     };
     return {
       props: {
         ...(await serverSideTranslations(locale, ['home'])),
-        errorMessage: error,
         featuredProducts: [],
       },
     };

schemas/shippingDetailsSchema.js

 import * as Yup from 'yup';
 
-export const registerSchema = Yup.object().shape({
+const registerSchema = Yup.object().shape({
   fullName: Yup.string().required('Full name is required'),
   address: Yup.string().required('Address is required'),
   address2: Yup.string(),
   country: Yup.string().required('Country name is required'),
   postcode: Yup.string().required('Postal code name is required'),
 });
+
+export default registerSchema;