[feat]: modify border width for github link and theme toggle button

Author: billybillydev

apps/www/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "www",
-	"version": "1.14.7",
+	"version": "1.14.8",
 	"module": "src/index.js",
 	"scripts": {
 		"dev": "bun run --hot src/index.tsx",

apps/www/src/components/theme-toggle.component.jsx

@@ -6,7 +6,7 @@ export function ThemeToggle() {
 			x-data={"themeToggle"}
 			x-on:click="toggle"
 			class={
-				"border-2 border-transparent hover:border-foreground p-2 rounded-lg transition-colors"
+				"border border-transparent hover:border-foreground p-2 rounded-lg transition-colors duration-300"
 			}
 		>
 			<Icon name="sun-fill" size={6} x-show="!darkMode" />

apps/www/src/views/header.view.jsx

@@ -79,7 +79,7 @@ export function Header() {
 					{SITE.github && (
 						<a
 							title="Github"
-							class="border-2 border-transparent hover:border-foreground flex items-center justify-center p-2 rounded-lg transition-colors"
+							class="border border-transparent hover:border-foreground flex items-center justify-center p-2 rounded-lg transition-colors duration-300"
 							target="_blank"
 							href={"https://github.com/" + SITE.github}
 						>