docs: refine static demo experience

docs-site/src/components/Header.astro

@@ -52,9 +52,6 @@ function navIcon(href: string) {
   return undefined
 }
 
-function isDemoHref(href: string) {
-  return href === '/demo/' || href === '/demo'
-}
 ---
 
 <div class="box-border flex h-full items-center gap-2">
@@ -74,14 +71,12 @@ function isDemoHref(href: string) {
         const href = getI18nText(item.href, route)
         const label = getI18nText(item.label, route)
         const icon = navIcon(href)
-        const demo = isDemoHref(href)
 
         return (
           <a
             class:list={[
               '-m-1.5 rounded-md p-1.5 text-(--sl-color-gray-3) no-underline hover:text-(--sl-color-white) focus-visible:outline-offset-0',
               icon && 'minishop-header-link inline-flex items-center',
-              demo && 'minishop-demo-nav-link',
             ]}
             href={href}
           >

docs-site/src/styles/custom.css

@@ -30,17 +30,6 @@
     flex-shrink: 0;
   }
 
-  .minishop-demo-nav-link {
-    border: 1px solid rgb(0 254 122 / 38%);
-    color: var(--sl-color-white);
-    background: rgb(0 254 122 / 8%);
-  }
-
-  .minishop-demo-nav-link:hover {
-    border-color: #00fe7a;
-    color: #00fe7a;
-  }
-
   .hero {
     gap: clamp(2rem, 6vw, 5rem);
     padding-block: clamp(3.5rem, 10vw, 6.5rem);