Add hover animation to buttons

Author: SeongilHeo

src/components/Button.jsx

@@ -5,7 +5,7 @@ const Button = ({title, link }) => {
   return (
     <button 
       onClick={() => window.open(link, '_blank')} 
-      className={`text-ured text-xl`}
+      className={`text-ured text-xl hover:scale-110 transition-all cursor-pointer`}
     >
       <FontAwesomeIcon icon={iconMap[title]} />
     </button>

src/components/ButtonR.jsx

@@ -5,7 +5,7 @@ const ButtonR = ({title, link }) => {
   return (
     <button 
       onClick={() => window.open(link, '_blank')} 
-      className={`bg-ured rounded-md py-1 px-2 text-white text-sm flex justify-center items-center gap-xs`}
+      className={`bg-ured rounded-md py-1 px-2 text-white text-sm flex justify-center items-center gap-xs hover:bg-white hover:text-ured border-ured border transition-colors cursor-pointer`}
     >
       <FontAwesomeIcon icon={iconMap[title]} />
       {title}