feat: implement profile popover

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>

components/cart/modal.tsx

@@ -42,7 +42,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
       <button aria-label="Open cart" onClick={openCart}>
         <OpenCart quantity={cart?.totalQuantity} />
       </button>
-      <Transition show={isOpen}>
+      <Transition show={isOpen} as={Fragment}>
         <Dialog onClose={closeCart} className="relative z-50">
           <Transition.Child
             as={Fragment}

components/cart/open-cart.tsx

@@ -9,9 +9,9 @@ export default function OpenCart({
   quantity?: number;
 }) {
   return (
-    <div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-neutral-200 text-black transition-colors dark:border-neutral-700 dark:text-white">
+    <div className="relative">
       <ShoppingCartIcon
-        className={clsx('h-4 transition-all ease-in-out hover:scale-110 ', className)}
+        className={clsx('h-5 transition-all ease-in-out hover:scale-110 ', className)}
       />
 
       {quantity ? (