Prevent overscroll on html and body elements

Added 'overscroll-behavior: none;' to html and body in main.css to prevent scroll chaining and improve scroll handling.

src/styles/main.css

@@ -4,6 +4,11 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body {
+	overscroll-behavior: none;
+}
+
 @layer components {
 	.btn {
 		@apply inline-flex flex-shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap outline-none transition-all focus:ring disabled:cursor-default;