feat: keyboard shortcuts

src/lib/components/layout/Sidebar.svelte

@@ -61,6 +61,7 @@
 	<div class="py-2.5 my-auto flex flex-col justify-between h-screen">
 		<div class="px-2.5 flex justify-center space-x-2">
 			<button
+				id="sidebar-new-chat-button"
 				class="flex-grow flex justify-between rounded-md px-3 py-1.5 mt-2 hover:bg-gray-900 transition"
 				on:click={async () => {
 					goto('/');
@@ -320,6 +321,13 @@
 								</div>
 							{:else}
 								<div class="flex self-center space-x-1.5">
+									<button
+										id="delete-chat-button"
+										class=" hidden"
+										on:click={() => {
+											deleteChat(chat.id);
+										}}
+									/>
 									<button
 										class=" self-center hover:text-white transition"
 										on:click={() => {
@@ -533,6 +541,7 @@
 		class="fixed left-0 top-[50dvh] z-40 -translate-y-1/2 transition-transform translate-x-[255px] md:translate-x-[260px] rotate-0"
 	>
 		<button
+			id="sidebar-toggle-button"
 			class=" group"
 			on:click={() => {
 				show = !show;