Refactor gift registry UI to use InfoCard component

Simplified the gift registry section by replacing custom JSX with the reusable InfoCard component. This improves code maintainability and consistency in the UI while retaining the existing styles and functionality. Updated InfoCard styling to ensure compatibility with the new use case.

frontend/src/app/(public)/invite/[slug]/page.tsx

@@ -105,7 +105,22 @@ const InvitationPage = () => {
   };
 
   return (
-    <div className="min-h-screen pb-10" style={pageStyle}>
+    <div className="min-h-screen relative overflow-hidden" style={pageStyle}>
+      <div
+        className="absolute inset-0 bg-no-repeat bg-[top_right] bg-cover bg-fixed opacity-15"
+        style={{
+          backgroundImage: `url(${getAssetUrl("background-h")})`,
+        }}
+      >
+        <style jsx>{`
+          @media (min-width: 768px) {
+            div {
+              background-image: url(${getAssetUrl("background-w")});
+            }
+          }
+        `}</style>
+      </div>
+
       <div className="mx-auto max-w-4xl px-4 py-6">
         {/* Wooden Sign Title */}
         <div