// components/layouts/DashboardLayout.tsx 'use client'; import { useSelector } from 'react-redux'; import { IRootState } from '@/store'; import Sidebar from '@/components/layouts/sidebar'; import Header from '@/components/layouts/header'; // Correctly import the consolidated Header import Footer from '@/components/layouts/footer'; const DashboardLayout = ({ children }: { children: React.ReactNode }) => { const themeConfig = useSelector((state: IRootState) => state.themeConfig); const semidark = useSelector((state: IRootState) => state.themeConfig.semidark); return (