feat: add play button icon in toolbar

Author: devvaannsh

src/extensionsIntegrated/Phoenix-live-preview/images/sprites.svg

@@ -98,6 +98,7 @@
     display: flex;
     align-items: center;
     margin-right: 4px;
+    margin-left: 3px;
     max-width: 80%;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -131,3 +132,12 @@
     height: 22px;
     flex-shrink: 0;
 }
+
+#previewModeLivePreviewButton {
+    color: #a0a0a0;
+    margin-left: 3px;
+    margin-top: 3.5px;
+    width: 22px;
+    height: 22px;
+    flex-shrink: 0;
+}

src/extensionsIntegrated/Phoenix-live-preview/live-preview.css

@@ -2,6 +2,9 @@
     <div id="live-preview-plugin-toolbar" class="plugin-toolbar" style="display: flex; align-items: center; flex-direction: row;">
         <div style="width: 20%;display: flex;">
             <button id="reloadLivePreviewButton" title="{{clickToReload}}" class="btn-alt-quiet toolbar-button reload-icon"></button>
+	        <button id="previewModeLivePreviewButton" title="todo: preview mode title" class="btn-alt-quiet toolbar-button">
+	            <i class="fa-solid fa-play"></i>
+	        </button>
             <button id="livePreviewModeBtn" title="{{livePreviewConfigureModes}}" class="btn-alt-quiet toolbar-button btn-dropdown btn"><!-- Content will come here dynamically --></button>
         </div>
         <div style="width: fit-content;min-width: 60%;display: flex;justify-content: center; align-items: center;">