[NO-ISSUE] Fix tool icon placement (#680)

* fixed tool icon placement + fixed prompt context margin

* fixes

* remove linkify

Author: cabella-dot

src/react/atlascode/rovo-dev/RovoDev.css

@@ -157,7 +157,7 @@ body {
 .tool-return-item-base {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: flex-start;
     gap: 4px;
 }
 

src/react/atlascode/rovo-dev/messaging/ChatMessageItem.tsx

@@ -30,7 +30,7 @@ export const ChatMessageItem: React.FC<{
             </div>
             {msg.source === 'User' && msg.context && (
                 <div className="message-context">
-                    <PromptContextCollection content={msg.context} direction="column" align="right" />
+                    <PromptContextCollection content={msg.context} direction="column" align="right" inChat={true} />
                 </div>
             )}
         </>

src/react/atlascode/rovo-dev/prompt-box/promptContext/promptContextCollection.tsx

@@ -11,7 +11,8 @@ export const PromptContextCollection: React.FC<{
     onToggleActiveItem?: (enabled: boolean) => void;
     readonly?: boolean;
     onRemoveContext?: (item: RovoDevContextItem) => void;
-}> = ({ content, direction = 'row', align = 'left', onToggleActiveItem, readonly = true, onRemoveContext }) => {
+    inChat?: boolean;
+}> = ({ content, direction = 'row', align = 'left', onToggleActiveItem, readonly = true, onRemoveContext, inChat }) => {
     if (content.focusInfo?.invalid && !content.contextItems?.length) {
         return null;
     }
@@ -31,6 +32,7 @@ export const PromptContextCollection: React.FC<{
                 gap: direction === 'column' ? 1 : 4,
                 width: '100%',
                 boxSizing: 'border-box',
+                marginBottom: inChat ? '8px' : 0,
             }}
         >
             {/* Disabled for now in favor of the larger button outside the collection */}