fix: calendarium logo in layout

components/Layout/Layout.tsx

@@ -1,13 +1,14 @@
 import { useState, ReactNode } from "react";
 
 import Link from "next/link";
-import Image from "next/image";
 
 import Sidebar from "../Sidebar";
 import Notifications from "../Notifications";
 
 import styles from "./layout.module.scss";
 
+import { useTheme } from "next-themes";
+
 interface ILayoutProps {
   children: ReactNode;
   isHome: boolean;
@@ -25,6 +26,7 @@ const Layout = ({
 }: ILayoutProps) => {
   const [isOpen, setIsOpen] = useState(false);
   const hamburgerLine = `h-1 w-6 my-0.5 rounded-full bg-black transition ease transform duration-300 dark:bg-neutral-200 bg-neutral-900`;
+  const { theme } = useTheme();
 
   return (
     <div className="text-neutral-900 lg:flex dark:bg-neutral-900 dark:text-neutral-200">
@@ -66,7 +68,7 @@ const Layout = ({
             <picture>
               <img
                 className="h-[46px] w-auto"
-                src={"/calendarium-light.svg"}
+                src={theme === "dark" ? "/calendarium-dark.svg" : "/calendarium-light.svg"}
                 alt="Calendarium Logo"
               />
             </picture>

components/Sidebar/Sidebar.tsx

@@ -58,7 +58,7 @@ const Sidebar = ({
 
   const sidebar = `lg:w-96 lg:block lg:translate-x-0 lg:h-full h-mobile lg:shadow-md lg:border-y lg:border-r dark:border-neutral-400/30 w-full absolute overflow-y-scroll overflow-x-hidden lg:overflow-y-scroll lg:rounded-r-3xl lg:py-8 pb-8 px-8 bg-white dark:bg-neutral-900 z-10 transition ease transform duration-300`;
 
-  const {theme, setTheme} = useTheme();
+  const { theme } = useTheme();
 
   return (
     <div

pages/schedule.tsx

@@ -215,7 +215,7 @@ export default function Schedule({ filters, shifts }: ISchedulesProps) {
   const maxDate = new Date();
   maxDate.setHours(20, 0, 0);
 
-  const {theme, setTheme} = useTheme();
+  const { theme } = useTheme();
 
   return (
     <Layout