fix(SW-696): add unwrap to surprises

add animations to sliding cards

various minor fixes

app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -2,8 +2,8 @@ import { Suspense } from "react"
 
 import LoadingSpinner from "@/components/LoadingSpinner"
 import Sidebar from "@/components/MyPages/Sidebar"
+import Surprises from "@/components/MyPages/Surprises"
 
-// import Surprises from "@/components/MyPages/Surprises"
 import styles from "./layout.module.css"
 
 export default async function MyPagesLayout({
@@ -24,9 +24,7 @@ export default async function MyPagesLayout({
         </section>
       </section>
 
-      {/* TODO: Waiting on new API stuff
-        <Surprises />
-      */}
+      <Surprises />
     </div>
   )
 }