fix: notification on erro

src/components/Sidebar.tsx

@@ -64,12 +64,12 @@ function DesktopSidebar({
   return (
     <div
       className={`
-        flex transition-all duration-300 ease-in-out overflow-hidden
+        flex transition-[transform,opacity] duration-300 ease-in-out overflow-hidden
         ${isOpen ? 'w-64 opacity-100' : 'w-0 opacity-0'}
       `}
     >
       {activePanel && (
-        <div className="w-64 flex flex-col border-r border-muted">
+        <div className="w-64 flex flex-col border-r border-muted transition-theme">
           <div className="flex items-center justify-between px-4 py-3 border-b border-muted shrink-0">
             <span className="text-sm font-semibold text-accent">
               {activePanel.label}
@@ -165,7 +165,7 @@ export default function Sidebar({ panels }: { panels: SidebarPanel[] }) {
   const isOpen = !!activePanel;
 
   return (
-    <div className="flex border-r border-t border-muted">
+    <div className="flex border-r border-t border-muted transition-theme">
       {/* Desktop */}
       {isWide && (
         <DesktopSidebar