minor / styling

src/components/AppLayout.jsx

@@ -5,6 +5,7 @@ import { Player } from './AudioPlayer.jsx';
 import Memes from './Memes.jsx';
 import { JoyUIRootIsland } from './Components.jsx';
 import { PrimeReactProvider } from "primereact/api";
+import { usePrimeReactThemeSwitcher } from '@/hooks/usePrimeReactThemeSwitcher.jsx';
 import CustomToastContainer from '../components/ToastProvider.jsx';
 import LyricSearch from './LyricSearch.jsx';
 import 'primereact/resources/themes/bootstrap4-light-blue/theme.css';
@@ -14,6 +15,7 @@ export default function Root({child}) {
   window.toast = toast;
   window.API_URL = API_URL;
   const theme = document.documentElement.getAttribute("data-theme")
+  usePrimeReactThemeSwitcher(theme);
   // console.log(opts.children);
   return (
     <PrimeReactProvider>