fix: updated rendering of preview screenshots

Also fixed error where passing URL object from server to client wasn't supported.

Author: ericrallen

src/app/_components/UrlScreenshot/index.tsx

@@ -16,8 +16,8 @@ export default function UrlScreenshot({ url, src }: UrlScreenshotProps): React.R
         href={url.toString()}
         underline="never"
       >
-        <Skeleton h={600} w="100%" visible={typeof src === 'undefined'}>
-          <Image radius={0} src={src} alt={`Screenshot of ${url.toString()}`} mih={600} />
+        <Skeleton h="100%" w="100%" visible={typeof src === 'undefined'} mih={240}>
+          <Image radius={0} src={src} alt={`Screenshot of ${url.toString()}`} mih={240} />
         </Skeleton>
       </Anchor>
     </Center>

src/app/go/[slug]/info/page.tsx

@@ -149,7 +149,7 @@ export default async function InspectorPage({ params }: { params: Promise<Params
           <TabsPanel key={tab} value={tab}>
             {tab === 'details' ? (
               <Stack>
-                <UrlScreenshot url={displayUrl} src={imageSrc} />
+                <UrlScreenshot url={displayUrl.toString()} src={imageSrc} />
                 {description && (
                   <Center w="90%" mx="auto" my="md" maw="640">
                     <Blockquote
@@ -183,7 +183,7 @@ export default async function InspectorPage({ params }: { params: Promise<Params
                     </Stack>
                   </Center>
                 )}
-                <UrlParams url={displayUrl} />
+                <UrlParams url={displayUrl.toString()} />
               </Stack>
             ) : (
               <Center w="80%" mx="auto" my="md" pos="relative">
@@ -240,7 +240,7 @@ export default async function InspectorPage({ params }: { params: Promise<Params
           )}
         </Group>
       </Title>
-      <UrlMetadata url={url} />
+      <UrlMetadata url={url.toString()} />
       {renderScreenshotAndQrCode()}
     </Screen>
   );

src/app/is/[...url]/page.tsx

@@ -70,7 +70,7 @@ export default async function ExpanderPage({ params, searchParams }: Params) {
   if (!KNOWN_SHORTENERS.includes(url.hostname)) {
     return (
       <Screen>
-        <UnknownShortener url={url} />
+        <UnknownShortener url={url.toString()} />
       </Screen>
     );
   }