Add some kind of input form for notes

frontend/src/pages/player.astro

@@ -1,5 +1,5 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from "../layouts/Layout.astro";
 import type { APIResponse, Player } from "../types";
 
 const res = await fetch("http://localhost:3000/player");
@@ -8,6 +8,25 @@ console.log(data);
 ---
 
 <Layout title="Players">
+	<form class="p-5 min-h-[25rem] h-[25rem]">
+		<div class="h-full w-full mb-4 border rounded-lg shadow-lg overflow-hidden flex flex-col">
+			<div
+				id="note"
+				contenteditable="true"
+				class="flex-grow w-full px-4 py-2 overflow-scroll border bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-200"
+			>
+			</div>
+			<div class="flex items-center justify-between px-3 py-2 border-t">
+				<button
+					type="submit"
+					class="inline-flex items-center py-2.5 px-4 text-xs font-medium text-center text-white bg-blue-600 rounded-lg hover:bg-blue-700 focus:ring-4 transition-all duration-200"
+				>
+					Davai
+				</button>
+			</div>
+		</div>
+	</form>
+
 	<div class="overflow-x-auto p-5">
 		{
 			data.success && (