Added new NOTES feature

src/components/Navigation.tsx

@@ -299,6 +299,7 @@ export const Sidebar: Component<{
     setIsLocked: (v: boolean) => void;
     isPeeking: boolean;
     setIsPeeking: (v: boolean) => void;
+    isEmbed?: boolean;
 }> = (props) => {
     const [switcherOpen, setSwitcherOpen] = createSignal(false);
 
@@ -311,9 +312,11 @@ export const Sidebar: Component<{
                 }
             }}
             class={cn(
-                "hidden md:flex flex-col border-r border-border bg-card h-screen fixed left-0 top-0 transition-all duration-300 ease-in-out z-[50]",
-                props.isLocked ? "w-48 translate-x-0" : "w-48 -translate-x-full",
-                !props.isLocked && props.isPeeking && "translate-x-0 shadow-2xl ring-1 ring-border"
+                "hidden md:flex flex-col border-r border-border bg-card h-screen z-[50]",
+                !props.isEmbed && "fixed left-0 top-0 transition-all duration-150 ease-in-out",
+                !props.isEmbed && (props.isLocked ? "w-48 translate-x-0" : "w-48 -translate-x-full"),
+                !props.isEmbed && !props.isLocked && props.isPeeking && "translate-x-0 shadow-2xl ring-1 ring-border",
+                props.isEmbed && "w-full h-full border-r-0 bg-transparent"
             )}
         >
             <div class={cn("p-4 flex items-center justify-between", !props.isLocked && "pl-14")}>