feat: enhance image components with draggable attribute and context menu handling

src/app/components/unread-badge/UnreadBadge.tsx

@@ -18,19 +18,19 @@ export function UnreadBadgeCenter({ children }: { children: ReactNode }) {
 }
 
 export function UnreadBadge({ highlight, count }: UnreadBadgeProps) {
+  if (count === 0) return null;
+  
   return (
     <Badge
       variant={highlight ? 'Success' : 'Secondary'}
-      size={count > 0 ? '400' : '200'}
+      size="400"
       fill="Solid"
       radii="Pill"
       outlined={false}
     >
-      {count > 0 && (
-        <Text as="span" size="L400">
-          {millify(count)}
-        </Text>
-      )}
+      <Text as="span" size="L400">
+        {millify(count)}
+      </Text>
     </Badge>
   );
 }