uscg logo

src/components/layout/sidebar.tsx

@@ -24,6 +24,7 @@ import {
   User,
   Layers
 } from 'lucide-react'
+import Image from 'next/image'
 
 interface SidebarProps {
   className?: string
@@ -85,7 +86,13 @@ function SidebarContent({ className }: SidebarProps) {
       {/* Header */}
       <div className="p-6">
         <div className="flex items-center gap-2">
-          <GraduationCap className="h-8 w-8 text-red-600" />
+          <Image 
+            src="/logo.svg" 
+            alt="UCSG Logo" 
+            width={32} 
+            height={32} 
+            className="h-8 w-8"
+          />
           <div>
             <p className="text-xs text-gray-400 opacity-50">TAPIR</p>
             <h1 className="text-xl font-bold text-gray-900">UCSG</h1>