fix: resolve UI transition effect and tailwind typo issue in PastEditionCard (#912)

Co-authored-by: Ayush <bhandariayush935@gmail.com>

Author: Ayush4958

components/Cards/PastEditionCard/PastEditionCard.tsx

@@ -9,10 +9,10 @@ interface PastEditonCardProp {
 const PastEditonCard = ({ url }: PastEditonCardProp): JSX.Element => {
   const year = url.split('.')[1];
   return (
-    <div className="bg-white bg-opacity-10 backdrop-blur-lg bg-clip-padding shadow-lg p-4 w-full mx-auto border-[1.66px] border-[#FFFFFF66] rounded-xl">
+    <div className="bg-white bg-opacity-10 backdrop-blur-lg bg-clip-padding shadow-lg p-4 w-full mx-auto border-[1.66px] border-[#FFFFFF66] rounded-xl transition-all hover:scale-[1.03]">
       <div className="flex items-center flex-wrap justify-between">
         <h1 className="text-2xl text-white font-semibold">{year}</h1>
-        <div>
+        <div className='transition'>
           <a
             href={url}
             rel="noreferrer"