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

src/app/pages/client/ClientNonUIFeatures.tsx

@@ -202,7 +202,7 @@ function MessageNotifications() {
       eventId: string;
       isDm: boolean;
     }) => {
-      const notificationTitle = `${username} - Paarrot`;
+      const notificationTitle = username;
       const notificationBody = messageBody || 'New message';
 
       /** Replicates TitleBar click navigation logic */

src/app/pages/client/sidebar/DirectTab.tsx

@@ -119,10 +119,16 @@ export function DirectTab() {
           </SidebarAvatar>
         )}
       </SidebarItemTooltip>
-      {directUnread && (
-        <SidebarItemBadge hasCount={directUnread.total > 0}>
+      {directUnread && directUnread.total > 0 && (
+        <div style={{ 
+          position: 'absolute', 
+          bottom: '2px', 
+          right: '2px',
+          pointerEvents: 'none',
+          zIndex: 2,
+        }}>
           <UnreadBadge highlight={directUnread.highlight > 0} count={directUnread.total} />
-        </SidebarItemBadge>
+        </div>
       )}
       {menuAnchor && (
         <PopOut