added game link to env file

src/components/familyResources/FamGames.jsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react'
+import React, { lazy, Suspense, useRef, useState } from 'react'
 import Layout from '../Partials/Layout'
 import MediaLayout from '../Partials/MediaLayout'
 import CustomBreadcrumb from '../Breadcrumb/CustomBreadcrumb'
@@ -9,6 +9,8 @@ import { useNavigate } from 'react-router-dom'
 import { useSelector } from 'react-redux'
 import { useReactToPrint } from 'react-to-print'
 
+const Iframe = lazy(() => import("../Iframe/Iframe"));
+
 export default function FamGames() {
 
   const ApiCall = new usersService();
@@ -229,8 +231,7 @@ export default function FamGames() {
   return (
     <MediaLayout
       backpath={'/'}
-      title={''}
-      state={''}
+      title={'Games'}
     >
         {/* <div className='mb-4'>
           <CustomBreadcrumb 
@@ -246,8 +247,13 @@ export default function FamGames() {
         <div className="my-4 lg:flex justify-between items-start space-y-4 lg:space-x-4 lg:space-y-0">
             <div className="w-full mb-4 border-b pb-4 lg:pb-0 lg:mb-0 lg:border-b-0">
             
-            <div className="mb-4 w-full h-aut h-[600px] bg-white shadow-md rounded-2xl">
-                {/* <VideoElement videoId={props?.details?.media_uid} /> */}
+            <div className="mb-4 w-full h-screen max-h-[600px]">
+              <Suspense fallback={<Fallback />}>
+                <Iframe 
+                  src={process.env.REACT_APP_FAM_GAME_LINK}
+                  title='Games'
+                />
+              </Suspense>
             </div>
 
             <div className="w-full p-4 bg-white dark:bg-black rounded-2xl shadow-md md:flex md:justify-between gap-8">
@@ -509,3 +515,13 @@ export default function FamGames() {
     </MediaLayout>
   )
 }
+
+
+
+let Fallback = () => {
+  return (
+    <div className="w-full flex justify-center items-center">
+      <LoadingSpinner size='20' color='skyblue' height='h-screen max-h-[600px]' />
+    </div>
+  )
+}