fix: import Image instead of BcImage (#1719)

Author: jorgemoya

core/vibes/soul/primitives/navigation/index.tsx

@@ -22,7 +22,7 @@ import { useFormStatus } from 'react-dom';
 
 import { Stream, Streamable } from '@/vibes/soul/lib/streamable';
 import { Button } from '@/vibes/soul/primitives/button';
-import { BcImage as Image } from '~/components/bc-image';
+import { Image } from '~/components/image';
 import { Link } from '~/components/link';
 import { usePathname } from '~/i18n/routing';
 

core/vibes/soul/primitives/product-card/index.tsx

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 
 import { Badge } from '@/vibes/soul/primitives/badge';
 import { Price, PriceLabel } from '@/vibes/soul/primitives/price-label';
-import { BcImage as Image } from '~/components/bc-image';
+import { Image } from '~/components/image';
 import { Link } from '~/components/link';
 
 import { Compare } from './compare';

core/vibes/soul/primitives/products-list/compare-drawer.tsx

@@ -5,7 +5,7 @@ import { parseAsArrayOf, parseAsString, useQueryState } from 'nuqs';
 
 import { Button } from '@/vibes/soul/primitives/button';
 import { Drawer } from '@/vibes/soul/primitives/drawer';
-import { BcImage as Image } from '~/components/bc-image';
+import { Image } from '~/components/image';
 import { Link } from '~/components/link';
 
 function getInitials(name: string): string {

core/vibes/soul/sections/footer/index.tsx

@@ -1,8 +1,8 @@
 import { clsx } from 'clsx';
-import Image from 'next/image';
 import { forwardRef, ReactNode, type Ref } from 'react';
 
 import { Stream, Streamable } from '@/vibes/soul/lib/streamable';
+import { Image } from '~/components/image';
 import { Link } from '~/components/link';
 
 interface Image {

core/vibes/soul/sections/slideshow/index.tsx

@@ -6,10 +6,10 @@ import Autoplay from 'embla-carousel-autoplay';
 import Fade from 'embla-carousel-fade';
 import useEmblaCarousel from 'embla-carousel-react';
 import { Pause, Play } from 'lucide-react';
-import Image from 'next/image';
 import { useCallback, useEffect, useState } from 'react';
 
 import { ButtonLink } from '@/vibes/soul/primitives/button-link';
+import { Image } from '~/components/image';
 
 interface Slide {
   title: string;