feat(wishlist): implement buyer wishlist (#100)

- implement wishlist UI components

[Delivers #96]

implement stage 1 design of otp form (#58) (#61) (#88)

working on orders page

rebase from dev and fix eslint errors

implement nextSibling functiion

implement previousSibling while you delete

rebase from develop

resolve deployment errors

implement 2fa functionality

working on verify otp codes and redirect

rebasing from develop

resolve vendor token must be string

implement 2fa verfication

Co-authored-by: Rurangwa Leo <88591087+wayneleon1@users.noreply.github.com>

fix the image on popular section on langing page

fix the image on popular section on langing page

src/components/Popular/Item.tsx

@@ -7,8 +7,12 @@ interface MostPopularItemProps {
 function SingleItem({ product }: MostPopularItemProps) {
   return (
     <div className=" flex flex-row hover:scale-105  hover:translate-y-0.5 hover:translate-x-0.5">
-      <div className=" max-h-20 max-w-20 ">
-        <img src={product.image} alt={product.name} className=" rounded" />
+      <div className=" flex flex-row items-center justify-center h-20 w-20 ">
+        <img
+          src={product.image}
+          alt={product.name}
+          className=" max-h-20 max-w-20 rounded"
+        />
       </div>
       <div className=" flex flex-col justify-between py-2 pl-1">
         <div>