[Bug]: "GO TO SITE" button position fixed, modal bottom space fixed a…

…nd not-found page image png -> svg for faster loading time

app/not-found.tsx

@@ -4,7 +4,7 @@ import { useThemeContext } from "./context/store";
 import { useEffect } from "react";
 import Link from "next/link";
 import Image from "next/image";
-import pageNotFound from "../public/page404.png";
+import pageNotFound from "../public/page404.svg";
 export default function NotFound() {
   // Dark Mode
   const { theme }: theme = useThemeContext();

components/Card.tsx

@@ -29,7 +29,7 @@ export default function Card({
       <span className="font-light mt-3 text-sm line-clamp-5">
         {description}
       </span>
-      <div className="mt-6 flex justify-between items-center">
+      <div className="sticky top-[100vh] flex justify-between items-center">
         {tools || datasets ? (
           <button
             className="font-bold max-h-9 text-center p-1 text-xs border py-[8px] px-4 hover:bg-[--primary-color] border-[--dark-bg] dark:border-[--light-bg] rounded-3xl"

components/Modal.tsx

@@ -76,9 +76,9 @@ export default function Modal({
     <>
       <div className="md:w-1/2 block md:my-14 md:py-1 z-10 md:z-0 md:relative md:hidden">
         <div onClick={() => setModalActive(false)} className="fixed inset-0 bg-slate-800 bg-opacity-75 transition-opacity"></div>
-          <div className=" fixed inset-0 z-10 md:z-0 -mb-8 overflow-y-auto  ">
+          <div className=" fixed inset-0 z-10 md:z-0 -mb-20 overflow-y-auto  ">
             <div className=" flex min-h-full items-end justify-center  text-center md:items-center md:p-0">
-              <div className="relative md:sticky bg-[--light-bg] dark:bg-[--dark-bg] mx-4 px-4 pb-16 pt-5 md:p-6 md:pb-4 mt-56 transform overflow-hidden md:overflow-x-hidden md:overflow-y-auto border border-[--dark-bg] dark:border-[--light-bg] rounded-t-3xl md:rounded-3xl text-left transition-all md:my-8  md:max-w-lg md:w-96 md:h-[33.5rem]">
+              <div className="relative md:sticky bg-[--light-bg] dark:bg-[--dark-bg] mx-4 px-4 pb-32 pt-5 md:p-6 md:pb-4 mt-56 transform overflow-hidden md:overflow-x-hidden md:overflow-y-auto border border-[--dark-bg] dark:border-[--light-bg] rounded-t-3xl md:rounded-3xl text-left transition-all md:my-8  md:max-w-lg md:w-96 md:h-[33.5rem]">
                 {mainContent}
               </div>
           </div>