[PatchWidget] Render icon in the footer for select workspace

Bug: none
Change-Id: Id570f3d18e8ce9898d6f6c29c8b047e5ae7308d8
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6330283
Reviewed-by: Wolfgang Beyer <[email protected]>
Auto-Submit: Ergün Erdoğmuş <[email protected]>
Commit-Queue: Ergün Erdoğmuş <[email protected]>

Author: ergunsh

front_end/panels/ai_assistance/PatchWidget.ts

@@ -57,10 +57,6 @@ const UIStringsNotTranslate = {
    *@description Button text while data is being loaded
    */
   loading: 'Loading...',
-  /**
-   *@description Label for the selected workspace/folder
-   */
-  selectedFolder: 'Selected folder:',
   /**
    *@description Disclaimer text shown for using code snippets with caution
    */
@@ -210,7 +206,7 @@ export class PatchWidget extends UI.Widget.Widget {
         <div class="footer">
           <div class="change-workspace">
             <div class="selected-folder">
-              ${lockedString(UIStringsNotTranslate.selectedFolder)} <span title=${input.projectPath}>${input.projectName}</span>
+              <devtools-icon .name=${'folder'}></devtools-icon> <span title=${input.projectPath}>${input.projectName}</span>
             </div>
             <devtools-button
               @click=${input.onChangeWorkspaceClick}

front_end/panels/ai_assistance/components/chatView.css

@@ -842,12 +842,15 @@ main {
     }
 
     .selected-folder {
-      margin: var(--sys-size-3) var(--sys-size-3) 0 0;
+      display: flex;
+      align-items: center;
+      gap: var(--sys-size-3);
     }
 
     .change-workspace {
       display: flex;
       flex-direction: row;
+      gap: var(--sys-size-2);
     }
 
     .apply-to-workspace-container {