web: don't start loading pig pattern until user starts to approach it

web/src/components/layout/Footer.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import styles from "./footer.module.scss";
 import { NeonChillPig } from "../general/pigs/fun/NeonChillPig";
-import { ToTop } from "./ToTop";
+import { PigPattern } from "./PigPattern";
 import { Icon } from "../general/Icon";
 import {
   getOpeningHours,
@@ -145,11 +145,7 @@ export const Footer = () => {
           <NeonChillPig />
         </div>
       </footer>
-      <div className={styles.pigPattern}>
-        <div className={styles.toTop}>
-          <ToTop />
-        </div>
-      </div>
+      <PigPattern />
     </>
   );
 };