use new logo and ui enhancement

components/dashboards/EnergyLineChart.tsx

@@ -345,7 +345,7 @@ const axisColor = isDark ? '#fff' : '#222';
                 selected={selectedDate}
                 onChange={(date) => setSelectedDate(date!)}
                 dateFormat="dd/MM/yyyy"  // ✅ sets correct format
-                className="dark:bg-rtgray-700 dark:text-white bg-white border border-rounded text-black p-1 rounded"
+                className="dark:bg-rtgray-700 dark:text-white bg-white border border-rounded dark:border-rtgray-700 text-black p-1 rounded"
               />
             </label>
           )}

components/layouts/header.tsx

@@ -151,7 +151,7 @@ const Header = () => {
                 <div className="relative flex w-full items-center bg-white px-5 py-2.5 dark:bg-black">
                     <div className="horizontal-logo flex items-center justify-between ltr:mr-2 rtl:ml-2 lg:hidden">
                         <Link href="/" className="main-logo flex shrink-0 items-center">
-                            <img className="inline w-8 ltr:-ml-1 rtl:-mr-1" src="/assets/images/logo.png" alt="logo" />
+                            <img className="inline w-8 ltr:-ml-1 rtl:-mr-1" src="/assets/images/newfulllogo.png" alt="logo" />
                             <span className="hidden align-middle text-2xl  font-semibold  transition-all duration-300 ltr:ml-1.5 rtl:mr-1.5 dark:text-white-light md:inline">Rooftop Energy</span>
                         </Link>
                         <button

components/layouts/sidebar.tsx

@@ -70,7 +70,7 @@ const Sidebar = () => {
                 <div className="h-full bg-[white] dark:bg-black">
                     <div className="flex items-center justify-between px-4 py-3">
                         <Link href="/" className="main-logo flex shrink-0 items-center">
-                            <img className="ml-[5px] w-8 flex-none" src="/assets/images/logo.png" alt="logo" />
+                            <img className="ml-[5px] w-8 flex-none" src="/assets/images/newlogo.png" alt="logo" />
                             <span className="align-middle text-2xl font-semibold ltr:ml-1.5 rtl:mr-1.5 dark:text-white-light lg:inline">Rooftop Energy</span>
                         </Link>
 
@@ -231,7 +231,7 @@ const Sidebar = () => {
                                             <Link href="/chint/sites">Sites</Link>
                                         </li>
                                         <li>
-                                            <Link href="/chint/gateway">Gateaway</Link>
+                                            <Link href="/chint/gateway">Gateway</Link>
                                         </li>
                                         <li>
                                             <Link href="/chint/inverters">Inverters</Link>