refactor: polish UI details

src/components/NoteCard/MainNoteCard.tsx

@@ -34,7 +34,12 @@ export default function MainNoteCard({
         push(toNote(originalNoteId ?? event))
       }}
     >
-      <div className={cn('clickable', embedded ? 'p-2 sm:p-3 border rounded-lg' : 'py-3')}>
+      <div
+        className={cn(
+          'clickable transition-all duration-200',
+          embedded ? 'p-3 sm:p-4 border rounded-xl bg-card' : 'py-3 hover:bg-accent/30'
+        )}
+      >
         <Collapsible alwaysExpand={embedded}>
           {pinned && <PinnedButton event={event} />}
           <RepostDescription className={embedded ? '' : 'px-4'} reposters={reposters} />

src/components/NoteCard/index.tsx

@@ -58,7 +58,7 @@ export function NoteCardLoadingSkeleton({ className }: { className?: string }) {
             <Skeleton className="h-4 w-16" />
           </div>
           <div className="py-0.5">
-            <Skeleton className="h-3 w-12" />
+            <Skeleton className="h-4 w-12" />
           </div>
         </div>
       </div>