fix: 🐛 update textarea default attributes

Author: kampsy

src/lib/textarea/textarea.svelte

@@ -91,7 +91,6 @@
 			aria-labelledby={araiLabelledBy}
 			autocapitalize="off"
 			autocomplete="off"
-			autocorrect="off"
 			rows="4"
 			class=" transition-all border {textareaClass} block px-[12px] py-[10px] w-full rounded-[6px] outline-none
 		 bg-kui-light-bg dark:bg-kui-dark-bg"

src/routes/colors/+page.svelte

@@ -53,7 +53,7 @@
 				<li class="w-full max-w-[68px]">
 					<Tooltip position="top" text={item} class="w-full h-full">
 						<div class="w-full h-full flex items-center">
-							<button class="w-full h-[30px] md:h-10 border border-opacity-5 border-kui-light-gray-1000 dark:border-kui-dark-gray-500  rounded {item}"></button>
+							<button aria-label="{item}" class="w-full h-[30px] md:h-10 border border-opacity-5 border-kui-light-gray-1000 dark:border-kui-dark-gray-500  rounded {item}"></button>
 						</div>
 					</Tooltip>
 				</li>
@@ -90,14 +90,14 @@
 						<ul class="flex items-center w-full gap-1 md:gap-2">
 							<li class="w-full max-w-[68px]">
 								<div class="w-full h-full flex items-center">
-									<button
+									<button aria-label="gray"
 										class="w-full h-[34px] lg:h-[40px] border border-kui-light-gray-200 dark:border-kui-dark-gray-200 bg-kui-light-bg rounded dark:bg-kui-dark-bg"
 									></button>
 								</div>
 							</li>
 							<li class="w-full max-w-[68px]">
 								<div class="w-full h-full flex items-center">
-									<button
+									<button aria-label="gray alpha"
 										class="w-full h-[34px] lg:h-[40px] border border-kui-light-gray-200 dark:border-kui-dark-gray-200 rounded bg-kui-light-bg-secondary dark:bg-kui-dark-bg-secondary"
 									></button>
 								</div>