fix: replace shadboard.svg with Cannabis leaf icon from lucide-react

Uses the same Cannabis icon as the login page for consistent branding.
Removed unused next/image imports.

cannamanage-frontend/src/components/layout/horizontal-layout/bottom-bar-header.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import Image from "next/image"
 import Link from "next/link"
+import { Cannabis } from "lucide-react"
 
 import { FullscreenToggle } from "@/components/layout/full-screen-toggle"
 import { ModeDropdown } from "@/components/layout/mode-dropdown"
@@ -13,13 +13,7 @@ export function BottomBarHeader() {
     <div className="container flex h-14 justify-between items-center gap-4">
       <ToggleMobileSidebar />
       <Link href="/" className="hidden text-foreground font-black lg:flex">
-        <Image
-          src="/images/icons/shadboard.svg"
-          alt=""
-          height={24}
-          width={24}
-          className="dark:invert"
-        />
+        <Cannabis className="h-6 w-6 text-primary" />
         <span>CannaManage</span>
       </Link>
       <div className="flex gap-2">

cannamanage-frontend/src/components/layout/sidebar.tsx

@@ -1,9 +1,8 @@
 "use client"
 
-import Image from "next/image"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
-import { ChevronDown } from "lucide-react"
+import { Cannabis, ChevronDown } from "lucide-react"
 
 import type { NavigationNestedItem, NavigationRootItem } from "@/types"
 
@@ -109,13 +108,7 @@ export function Sidebar() {
           className="w-fit flex text-foreground font-black p-2 pb-0 mb-2"
           onClick={() => isMobile && setOpenMobile(!openMobile)}
         >
-          <Image
-            src="/images/icons/shadboard.svg"
-            alt=""
-            height={24}
-            width={24}
-            className="dark:invert"
-          />
+          <Cannabis className="h-6 w-6 text-primary" />
           <span>CannaManage</span>
         </Link>
         <CommandMenu buttonClassName="max-w-full" />