fix note preview

src/app/note/components/preview/image.tsx

@@ -5,7 +5,7 @@ export function ImagePreview({ urls }: { urls: string[] }) {
 		<div className="mt-3 overflow-hidden">
 			<div className="flex flex-col gap-2">
 				{urls.map((url) => (
-					<div key={url} className="mr-2 min-w-0 grow-0 shrink-0 basis-full">
+					<div key={url} className="min-w-0 grow-0 shrink-0 basis-full">
 						<Image
 							src={url}
 							alt="image"

src/app/note/components/preview/link.tsx

@@ -11,7 +11,12 @@ export function LinkPreview({ urls }: { urls: string[] }) {
 			{isLoading && !data ? (
 				<p>Loading...</p>
 			) : (
-				<a href={urls[0]} className="flex flex-col">
+				<a
+					className="flex flex-col"
+					href={urls[0]}
+					target="_blank"
+					rel="noreferrer"
+				>
 					<Image
 						src={data["og:image"]}
 						alt={urls[0]}