diff --git a/.gitignore b/.gitignore
index e86d565..e3e3ee2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -87,4 +87,6 @@ test_video.mp4
 # old cli directories
 /tooling/cli.js
 /tooling/cli.rs
-dist/
\ No newline at end of file
+dist/
+
+.next
\ No newline at end of file
diff --git a/src/assets/logo.tsx b/src/assets/logo.tsx
index c836e1f..6a1cdec 100644
--- a/src/assets/logo.tsx
+++ b/src/assets/logo.tsx
@@ -1,3 +1,20 @@
-export default function Logo() {
-  return <div></div>;
+export default function Logo({ className }: { className?: string }) {
+  return (
+    <div className={className}>
+      <svg
+        width="1124"
+        height="1124"
+        viewBox="0 0 1124 1124"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect width="1124" height="1124" rx="210" fill="#0E0F19" />
+        <path
+          d="M562.5 309C612.44 309 661.258 323.809 702.781 351.554C744.305 379.299 776.668 418.734 795.78 464.873C814.891 511.011 819.891 561.78 810.148 610.761C800.406 659.741 776.357 704.732 741.044 740.045C705.732 775.357 660.741 799.406 611.76 809.149C562.78 818.891 512.011 813.891 465.872 794.78C419.734 775.669 380.299 743.305 352.554 701.782C324.809 660.258 310 611.44 310 561.5L418.575 561.5C418.575 589.966 427.016 617.792 442.831 641.461C458.645 665.129 481.123 683.576 507.422 694.47C533.721 705.363 562.66 708.213 590.578 702.66C618.497 697.106 644.142 683.399 664.27 663.271C684.399 643.142 698.106 617.497 703.66 589.579C709.213 561.66 706.363 532.721 695.469 506.423C684.576 480.124 666.129 457.646 642.46 441.831C618.792 426.016 590.966 417.575 562.5 417.575L562.5 309Z"
+          fill="white"
+        />
+        <rect x="310" y="309" width="152" height="152" fill="#08FDD8" />
+      </svg>
+    </div>
+  );
 }
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index cdabdc2..699b972 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Maximize, Sailboat, X } from 'lucide-react';
+import { Maximize, X } from 'lucide-react';
 import { useCallback } from 'react';
 
 import { Button } from '@/components/ui/button';
@@ -13,6 +13,7 @@ import {
   MenubarTrigger,
 } from '@/components/ui/menubar';
 
+import Logo from '@/assets/logo';
 import { ModeToggle } from '../ModeToggle';
 import { Icons } from '../icons';
 import { UserNav } from './UserMenu';
@@ -46,7 +47,7 @@ export function Menu() {
       {/* App Logo */}
       <MenubarMenu>
         <div className="inline-flex h-fit w-fit items-center text-cyan-500">
-          <Sailboat className="h-5 w-5" />
+          <Logo className="h-5 w-5" />
         </div>
       </MenubarMenu>
 
diff --git a/src/components/SearchInput.tsx b/src/components/SearchInput.tsx
index fde8740..07c531d 100644
--- a/src/components/SearchInput.tsx
+++ b/src/components/SearchInput.tsx
@@ -2,7 +2,7 @@ import { Search } from 'lucide-react';
 import { memo, type FC } from 'react';
 
 import { DEFAULT_ICON_COLOR } from '@/lib/constants';
-import { InputProps } from '@/lib/localTypes';
+import { type InputProps } from '@/lib/localTypes';
 
 import Input from './ui/input';
 
diff --git a/src/components/global/Sidebar.tsx b/src/components/global/Sidebar.tsx
index ec0eb8f..48ddf7e 100644
--- a/src/components/global/Sidebar.tsx
+++ b/src/components/global/Sidebar.tsx
@@ -6,7 +6,7 @@ import { cn } from '@/lib/utils';
 
 import { ChevronLeft, Lock, Server, Tags } from 'lucide-react';
 import Link from 'next/link';
-import { usePathname, useRouter } from 'next/navigation';
+import { usePathname } from 'next/navigation';
 import { useState } from 'react';
 
 type SidebarProps = React.HTMLAttributes<HTMLDivElement>;
@@ -28,13 +28,10 @@ const tabs = [
   },
 ];
 
-export function Sidebar({ className }: SidebarProps) {
+export function Sidebar({}: SidebarProps) {
   const path = usePathname();
-  const router = useRouter();
   const [isCollapsed, setIsCollapsed] = useState(false);
 
-  console.log(path);
-
   return (
     <div
       className={cn(