Merge pull request #19 from pattern-tech/feat/logo

feat: add Pattern logo

Author: mkermani144

components/app-sidebar.tsx

@@ -1,6 +1,8 @@
 'use client';
 
 import type { User } from 'next-auth';
+import Image from 'next/image';
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 
 import { PlusIcon } from '@/components/icons';
@@ -15,7 +17,7 @@ import {
   SidebarMenu,
   useSidebar,
 } from '@/components/ui/sidebar';
-import Link from 'next/link';
+
 import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
 
 export function AppSidebar({ user }: { user: User | undefined }) {
@@ -26,16 +28,16 @@ export function AppSidebar({ user }: { user: User | undefined }) {
     <Sidebar className="group-data-[side=left]:border-r-0">
       <SidebarHeader>
         <SidebarMenu>
-          <div className="flex flex-row justify-between items-center">
+          <div className="flex flex-row justify-between items-center mt-3 ml-3">
             <Link
               href="/"
               onClick={() => {
                 setOpenMobile(false);
               }}
-              className="flex flex-row gap-3 items-center"
+              className="flex flex-row gap-3 items-center w-full"
             >
-              <span className="text-lg font-semibold px-2 hover:bg-muted rounded-md cursor-pointer">
-                Chatbot
+              <span className="p-4 rounded-md cursor-pointer relative w-1/2 h-[32px]">
+                <Image src="/images/logo-full.svg" alt="Pattern" fill />
               </span>
             </Link>
             <Tooltip>