feat: remove mascot from login and signup pages

Author: joaodiaslobo

layout/Login/Login.tsx

@@ -41,18 +41,6 @@ function Login() {
           link="Register here"
           href="/signup"
         />
-        <div className="absolute bottom-0 right-60 hidden lg:block xl:hidden">
-          <Motion.div
-            initial={{ opacity: 0 }}
-            animate={{ y: -15, opacity: 1 }}
-            transition={{ duration: 1 }}
-          >
-            <Card img="/images/void.svg" alt="MascotFooter" inverted={false}>
-              Just really awesome people here. Please login and prepare to be
-              amazed. 🔮
-            </Card>
-          </Motion.div>
-        </div>
       </div>
     </div>
   );

layout/SignUp/SignUp.tsx

@@ -27,21 +27,10 @@ function Signup() {
   return (
     <div className="min-h-screen select-none overflow-hidden bg-secondary">
       <Return componentStyle="sm:ml-14 mt-10 sm:mt-20 mb-6" />
-      <div className="flex flex-col items-center justify-center sm:mt-16">
+      <div className="mb-4 flex flex-col items-center justify-center sm:mt-16">
         <Title text="Sign up" />
         <SignUpForm courses={courses} />
         <Text text="Already have an account?" link="Login here" href="/login" />
-        <div className="fixed bottom-0 right-60 hidden lg:block">
-          <Motion.div
-            initial={{ y: 30, opacity: 0 }}
-            animate={{ y: 0, opacity: 1 }}
-            transition={{ duration: 1 }}
-          >
-            <Card img="/images/void.svg" alt="MascotFooter" inverted={false}>
-              Very restricted area. You just need to fill the form.
-            </Card>
-          </Motion.div>
-        </div>
       </div>
     </div>
   );