fix: group relay icon and author in footer-left for consistent alignment

- Add  container (relay + author)
- Footer now uses space-between with left group and right menu
- Consistent gap and truncation behavior for author
- Matches the visual rhythm of the three-dot button

src/components/HighlightItem.tsx

@@ -333,20 +333,22 @@ export const HighlightItem: React.FC<HighlightItemProps> = ({
         
         
         <div className="highlight-footer">
-          {relayIndicator && (
-            <CompactButton
-              className="highlight-relay-indicator"
-              icon={relayIndicator.icon}
-              spin={relayIndicator.spin}
-              title={relayIndicator.tooltip}
-              onClick={handleRebroadcast}
-              disabled={!relayPool || !eventStore}
-            />
-          )}
-          
-          <span className="highlight-author">
-            {getUserDisplayName()}
-          </span>
+          <div className="highlight-footer-left">
+            {relayIndicator && (
+              <CompactButton
+                className="highlight-relay-indicator"
+                icon={relayIndicator.icon}
+                spin={relayIndicator.spin}
+                title={relayIndicator.tooltip}
+                onClick={handleRebroadcast}
+                disabled={!relayPool || !eventStore}
+              />
+            )}
+            
+            <span className="highlight-author">
+              {getUserDisplayName()}
+            </span>
+          </div>
           
           <div className="highlight-menu-wrapper" ref={menuRef}>
             <CompactButton