Fixed SEO tags & used external linked images (easiest fix for the time being) (#20455)

Allowing images to work in blog metadata (for social media)

---------

Co-authored-by: MaanavD <maanavdalal@microsoft.com>

src/routes/blogs/accelerating-phi-2/+page.svx

@@ -21,7 +21,7 @@ authorsLink:
     'https://www.linkedin.com/in/ashwini-khade-0266541a/',
     'http://linkedin.com/in/ye-wang-0ab35812a'
   ]
-image: 'accelerating-phi-2/Phi2_Int4_TokenGenerationTP.png'
+image: 'https://iili.io/JSZc5E7.png'
 url: 'https://onnxruntime.ai/blogs/accelerating-phi-2'
 ---
 

src/routes/blogs/accelerating-phi-3/+page.svx

@@ -2,14 +2,15 @@
 title: ONNX Runtime supports Phi-3 mini models across platforms and devices
 date: '22nd April, 2024'
 description: 'Thanks to day one ONNX Runtime and DirectML support, developers can now deploy Phi-3 Mini at scale'
-keywords: 'GenAI , LLM, ONNXRuntime, ORT, Phi, DirectML, Windows'
+keywords: 'GenAI , LLM, ONNXRuntime, ORT, Phi, DirectML, Windows, phi3, phi-3, ONNX, SLM, edge, gpu'
 authors:
   [
     ]
 authorsLink:
   [
    ]
-image: 'Phi3_Thumbnail.png'
+image: 'https://iili.io/JSQDdog.png'
+imageSquare: 'https://iili.io/JSDovQn.png'
 url: 'https://onnxruntime.ai/blogs/accelerating-phi-3'
 ---
 

src/routes/blogs/ort-1-17-release/+page.svx

@@ -25,7 +25,7 @@ authorsLink:
     'https://www.linkedin.com/in/natkershaw/',
     ''
   ]
-image: ''
+image: 'https://iili.io/JSZcw3F.png'
 url: 'https://onnxruntime.ai/blogs/ort-1_17-release-blog'
 ---
 

src/routes/blogs/post.svelte

@@ -42,6 +42,14 @@
 	/**
 	 * @type {any}
 	 */
+	export let image;
+	/**
+	 * @type {string}
+	 */
+	 export let imageSquare;
+	/**
+	 * @type {string}
+	 */
 </script>
 
 <svelte:head>
@@ -56,11 +64,10 @@
 	<meta name="og:url" content={url} />
 	<meta name="twitter:title" content={title} />
 	<meta name="twitter:description" content={description} />
-	<!-- <meta name="image" content={image} />
-	<meta name="og:image" content={image}  />
-	<meta name="twitter:card" content={image}  />
-	<meta name="twitter:image" content={image}  /> -->
-
+	<meta name="image" content={image} />
+	<meta name="og:image" content={imageSquare ? imageSquare : image}  />
+	<meta name="twitter:card" content={imageSquare ? imageSquare : image}  />
+	<meta name="twitter:image" content={image}  />
 	<meta name="robots" content={robots} />
 </svelte:head>
 <Header pathvar="" />
@@ -71,7 +78,7 @@
 			{#if authors.length === 0}
 				<br/>
 			{:else}
-				<p>By:</p>
+				<p class="inline">By:</p>
 			{/if}
 			{#each authors as author, i}
 				<a href={authorsLink[i]} class="text-blue-500">{author}</a>{i + 1 === authors.length