feat: hide all demo badges when demo mode is disabled

shop/app/admin/layout.tsx

@@ -3,6 +3,7 @@ import { LayoutDashboard, Package, Settings, Users, LogOut, LayoutGrid, Shopping
 import { redirect } from 'next/navigation'
 import { createClient } from '@/lib/supabase/server'
 import { AdminLogoutButton } from '@/components/admin/logout-menu-item'
+import { DemoWrapper } from '@/components/DemoWrapper'
 
 export default async function AdminLayout({
   children,
@@ -67,9 +68,11 @@ export default async function AdminLayout({
           <AdminLogoutButton />
           <div className="px-3 pt-2 flex items-center gap-2 border-t border-white/5 opacity-60">
             <span className="font-bold text-sm tracking-tighter text-white">CASPOS Store</span>
-            <span className="text-[10px] bg-amber-500/20 text-amber-400 px-2 py-0.5 rounded-full font-semibold uppercase tracking-wider border border-amber-500/30">
-              Demo
-            </span>
+            <DemoWrapper>
+              <span className="text-[10px] bg-amber-500/20 text-amber-400 px-2 py-0.5 rounded-full font-semibold uppercase tracking-wider border border-amber-500/30">
+                Demo
+              </span>
+            </DemoWrapper>
           </div>
         </div>
       </aside>