feat: add editor screen

packages/ui/src/note/preview/image.tsx

@@ -37,7 +37,7 @@ export function ImagePreview({ url }: { url: string }) {
     // biome-ignore lint/a11y/useKeyWithClickEvents: <explanation>
     <div
       onClick={open}
-      className="group relative my-1.5 rounded-xl ring-1 ring-black/5 dark:ring-white/5"
+      className="group relative my-1 rounded-xl ring-1 ring-black/5 dark:ring-white/5"
     >
       <img
         src={url}

packages/ui/src/note/preview/link.tsx

@@ -54,7 +54,7 @@ export function LinkPreview({ url }: { url: string }) {
       href={url}
       target="_blank"
       rel="noreferrer"
-      className="my-1.5 flex w-full flex-col overflow-hidden rounded-xl bg-neutral-100 ring-1 ring-black/5 dark:bg-neutral-900 dark:ring-white/5"
+      className="my-1 flex w-full flex-col overflow-hidden rounded-xl bg-neutral-100 ring-1 ring-black/5 dark:bg-neutral-900 dark:ring-white/5"
     >
       {isImage(data.image) ? (
         <img

packages/ui/src/note/preview/video.tsx

@@ -9,7 +9,7 @@ import {
 
 export function VideoPreview({ url }: { url: string }) {
   return (
-    <div className="my-1.5 w-full overflow-hidden rounded-xl ring-1 ring-black/5 dark:ring-white/5">
+    <div className="my-1 w-full overflow-hidden rounded-xl ring-1 ring-black/5 dark:ring-white/5">
       <MediaController>
         <video
           slot="media"