fix: move relay indicator to footer to prevent overlap with author

- Move relay indicator from quote icon to footer as first element
- Remove absolute positioning from relay indicator
- Update footer layout: relay icon, author name, menu button (left to right)
- Author name now sits to the right of relay icon with no overlap
- Use margin-right: auto on author to push menu to the right

src/components/HighlightItem.tsx

@@ -316,16 +316,6 @@ export const HighlightItem: React.FC<HighlightItemProps> = ({
       
       <div className="highlight-quote-icon">
         <FontAwesomeIcon icon={faQuoteLeft} />
-        {relayIndicator && (
-          <CompactButton
-            className="highlight-relay-indicator"
-            icon={relayIndicator.icon}
-            spin={relayIndicator.spin}
-            title={relayIndicator.tooltip}
-            onClick={handleRebroadcast}
-            disabled={!relayPool || !eventStore}
-          />
-        )}
       </div>
       
       <div className="highlight-content">
@@ -341,6 +331,17 @@ 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>