add 3 demo calendar

cms/src/routes/qualifying/+page.server.ts

@@ -0,0 +1,8 @@
+
+import {getExams} from "$lib/data/qualify-exam"
+import type { PageServerLoad } from './$types'
+export const load: PageServerLoad = async () => {
+    const exams = await getExams() 
+    return {exams}
+}
+

cms/src/routes/qualifying/+page.svelte

@@ -1,6 +1,28 @@
+<script lang="ts">
+    import type { PageData } from './$types'
+    export let data: PageData;
+	const exams = data.exams
+</script>
+
 <h1 class="text-4xl">การสอบคัดเลือก</h1>
 
-<button class="btn btn-outline">Button</button>
-<button class="btn btn-outline btn-primary">Button</button>
-<button class="btn btn-outline btn-secondary">Button</button>
-
+้<h1  class="text-2xl">รายการสอบ</h1>
+<div class="overflow-x-auto">
+	<table class="table table-compact w-full">
+	  <thead>
+		<tr>
+		  <th>วันที่</th> 
+		  <th>การสอบ</th> 
+		  <th>หน่วยงาน</th> 
+		</tr>
+	  </thead> 
+	  <tbody>
+		{#each exams as exam}
+		<tr>
+		  <th><a href={"/exams/"+exam.id}>{exam.date}</a></th> 
+		  <td>{exam.detail}</td> 
+		  <td>{exam.institute}</td> 
+		{/each}
+	  </tbody> 
+	</table>
+  </div>