Add support API for header, footer, Home image and small adjust.

cms/src/lib/components/Header.svelte

@@ -1,3 +1,10 @@
+<script lang="ts">
+  export let logo_url:string = "/images/logo.png"
+  export let organization:string = "กองสรรหาบุคคล yyy"
+  export let supervised:string = "สำนักงาน ก.ก.xx"
+
+</script>
+
 <div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4 ">
 	<div
 	class="container px-4 mx-auto flex flex-no-wrap items-center justify-between"
@@ -7,17 +14,13 @@
 		<div class="content-center grid">
 		<div class="avatar">
 			<div class="w-10 rounded-full">
-			<img src="/images/logo.png" alt="logo">
+			<img src="{logo_url}" alt="logo">
 			</div>
 		</div>
 		</div>
 		<div class="content-center grid pl-4">
-		<a class="textline1" 
-			target="_blank"
-			href="https://webportal.bangkok.go.th/KSB">
-			กองสรรหาบุคคล
-		</a>
-		<div class="textline2">สำนักงาน ก.ก.</div>
+			{organization}
+		<div class="textline2">{supervised}</div>
 		</div>
 	</div>
 	</div>
@@ -50,11 +53,13 @@
 </div>
 </div>
 <style>
+/* 
 .textline1{
 line-height:1.2rem !important;
 font-weight: 400;
-/* color: #02A998; */
-}
+color: #02A998;
+} 
+*/
 .textline2{
 font-size: 0.80rem;
 line-height:1.3rem !important;