feat: support kind 20

src/components/WebPreview/index.tsx

@@ -1,8 +1,8 @@
 import { useFetchWebMetadata } from '@/hooks/useFetchWebMetadata'
 import { cn } from '@/lib/utils'
 import { useScreenSize } from '@/providers/ScreenSizeProvider'
-import { Image } from '@nextui-org/image'
 import { useMemo } from 'react'
+import Image from '../Image'
 
 export default function WebPreview({
   url,
@@ -30,7 +30,7 @@ export default function WebPreview({
   if (isSmallScreen && image) {
     return (
       <div className="rounded-lg border mt-2">
-        <Image src={image} className="rounded-t-lg object-cover w-full h-44" removeWrapper />
+        <Image src={image} className="rounded-t-lg w-full h-44" />
         <div className="bg-muted p-2 w-full rounded-b-lg">
           <div className="text-xs text-muted-foreground">{hostname}</div>
           <div className="font-semibold line-clamp-1">{title}</div>
@@ -48,11 +48,7 @@ export default function WebPreview({
       }}
     >
       {image && (
-        <Image
-          src={image}
-          className={`rounded-l-lg object-cover ${size === 'normal' ? 'h-44' : 'h-24'}`}
-          removeWrapper
-        />
+        <Image src={image} className={`rounded-l-lg ${size === 'normal' ? 'h-44' : 'h-24'}`} />
       )}
       <div className="flex-1 w-0 p-2">
         <div className="text-xs text-muted-foreground">{hostname}</div>