improve spacing

src/shared/notes/kinds/text.tsx

@@ -15,7 +15,7 @@ export function TextKind({ content, textmode }: { content: string; textmode?: bo
 
   return (
     <div className={'min-w-0 px-3'}>
-      <div className="break-p select-text whitespace-pre-line leading-normal text-neutral-900 dark:text-neutral-100">
+      <div className="break-p select-text leading-normal text-neutral-900 dark:text-neutral-100">
         {parsedContent}
       </div>
     </div>

src/shared/notes/preview/image.tsx

@@ -18,7 +18,7 @@ export function ImagePreview({ url }: { url: string }) {
 
   return (
     <Zoom key={url} zoomMargin={50} IconUnzoom={() => <CancelIcon className="h-4 w-4" />}>
-      <div className="group relative mt-2">
+      <div className="group relative my-2">
         <img
           src={url}
           alt={url}

src/shared/notes/preview/link.tsx

@@ -43,7 +43,7 @@ export function LinkPreview({ url }: { url: string }) {
       to={url}
       target="_blank"
       rel="noreferrer"
-      className="flex w-full flex-col rounded-lg bg-neutral-100 dark:bg-neutral-900"
+      className="my-2 flex w-full flex-col rounded-lg bg-neutral-100 dark:bg-neutral-900"
     >
       {isImage(data.image) ? (
         <img

src/shared/notes/preview/video.tsx

@@ -12,7 +12,7 @@ export function VideoPreview({ url }: { url: string }) {
   return (
     <MediaController
       key={url}
-      className="mt-2 aspect-video w-full overflow-hidden rounded-lg"
+      className="my-2 aspect-video w-full overflow-hidden rounded-lg"
     >
       <video slot="media" src={url} preload="metadata" muted />
       <MediaLoadingIndicator slot="centered-chrome"></MediaLoadingIndicator>