improvement(workflow): polish workflow canvas interactions

Author: andresdjasso

apps/sim/app/(landing)/components/navbar/components/navbar-shell/navbar-shell.tsx

@@ -3,15 +3,15 @@
 import type { ReactNode } from 'react'
 import { createContext, use, useEffect, useMemo, useRef, useState } from 'react'
 import { cn } from '@sim/emcn'
+import { FROSTED_GLASS_SURFACE } from '@/lib/ui/glass-surface'
 
 /**
  * Frosted near-white surface for the scrolled bar - `--bg` at 92% + a strong 40px
  * blur, edge to edge. Exported as the single source of truth so the mobile
  * dropdown sheet ({@link MobileNav}) wears the exact same glass as the bar and the
  * two can never drift.
  */
-export const NAVBAR_GLASS_SURFACE =
-  'bg-[color-mix(in_srgb,var(--bg)_92%,transparent)] backdrop-blur-2xl'
+export const NAVBAR_GLASS_SURFACE = FROSTED_GLASS_SURFACE
 
 interface NavbarFrostContextValue {
   /**