add memes

src/components/AppLayout.jsx

@@ -2,6 +2,7 @@
 import { toast } from 'react-toastify';
 import { API_URL } from '../config';
 import { Player } from './AudioPlayer.jsx';
+import Memes from './Memes.jsx';
 import { JoyUIRootIsland } from './Components.jsx';
 import { PrimeReactProvider } from "primereact/api";
 import CustomToastContainer from '../components/ToastProvider.jsx';
@@ -29,7 +30,8 @@ export default function Root({child}) {
           Work in progress... bugs are to be expected.
         </Alert> */}
     {child == "LyricSearch" && (<LyricSearch client:only="react" />)}
-    {child == "Player" && (<Player client:only="react"></Player>)}
+    {child == "Player" && (<Player client:only="react" />)}
+    {child == "Memes" && <Memes client:only="react" />}
     </JoyUIRootIsland>
     </PrimeReactProvider>
   );